服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - IOS - 关于iOS 11的一些新特性适配实践总结

关于iOS 11的一些新特性适配实践总结

2021-04-04 17:27丁同舟、王博文 IOS

iOS 11 为整个生态系统的 UI 元素带来了一种更加大胆、动态的新风格。下面这篇文章主要给大家总结介绍了关于iOS 11的一些新特性适配实践,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。

前言

ios 11 已经发布了一段时间了,随手记团队也早早的完成了适配。在这里,我们做了点总结,与大家一起分享一下关于 ios 11 一些新特性的适配。

uiview & uiviewcontroller

layout margins

ios 11 中,官方提供了一种新的布局方法——通过 layout margins 进行布局。官方文档 positioning content within layout margins 称,使用这种布局可以保证各个 content 之间不会相互覆盖。

总的来说,layout margins 可以视作视图的内容和内容之间的空隙。它由每个边的 insetvalues 组成,分别是 top, bottom, leading and trailing. 对应的是上、下、左、右。

关于iOS 11的一些新特性适配实践总结

auto layout with layout margins

如果使用 auto layout 进行布局,并希望约束遵循 layout margins,那么必须要在 xcode 中打开 constrain to margins 选项。这样,如果父视图的 layout margins 改变,那么所有绑定于父视图 margins 的子视图都会更新布局。

关于iOS 11的一些新特性适配实践总结

注意

如果没有开启这个选项,那么所有建立的约束都会依赖于父视图的 bounds.

manually layout with layout margins

如果没有使用 auto layout, 而是通过设置 frame 布局的话,要遵循 layout margins 也并不困难,只需要在布局计算时使用 directionallayoutmargins 这个属性。

?
1
var directionallayoutmargins: nsdirectionaledgeinsets { get set }

官方文档中阐述道,对于 view controller 的根视图,它的 directionallayoutmargins 默认值是由 systemminimumlayoutmargins和safeareainsets 决定的。在 iphone x 下打印根视图的这三个属性可以看到它们的关系。

?
1
2
3
4
5
6
7
8
9
10
override func viewdidappear(_ animated: bool) {
 super.viewdidappear(animated)
 print("safeareainsets :" + "\(self.view.safeareainsets)")
 print("systemminimumlayoutmargins :" + "\(self.systemminimumlayoutmargins)")
 print("directionallayoutmargins: " + "\(self.view.directionallayoutmargins)")
 
 // safeareainsets :uiedgeinsets(top: 88.0, left: 0.0, bottom: 34.0, right: 0.0)
 // systemminimumlayoutmargins :nsdirectionaledgeinsets(top: 0.0, leading: 16.0, bottom: 0.0, trailing: 16.0)
 // directionallayoutmargins: nsdirectionaledgeinsets(top: 88.0, leading: 16.0, bottom: 34.0, trailing: 16.0)
}

结果显而易见,directionallayoutmargins 的默认值由 systemminimumlayoutmargins 和 safeareainsets 组成。

注意

systemminimumlayoutmargins 属性是否可用由 view controller 的布尔值属性viewrespectssystemminimumlayoutmargins决定,默认为true.

如果手动对 directionallayoutmargins 赋值,那么在 viewrespectssystemminimumlayoutmargins 开启的情况下,系统会比较赋值后的 directionallayoutmargins 和 systemminimumlayoutmargins ,并取其较大值作为最终的 margins。

?
1
2
3
4
5
6
7
8
9
10
11
print("systemminimumlayoutmargins :" + "\(self.systemminimumlayoutmargins)")
print("origin directionallayoutmargins: " + "\(self.view.directionallayoutmargins)")
 
// 这里把 leading 和 trailing 分别赋值为相对于 systemminimumlayoutmargins 的较大值20和较小值10
self.view.directionallayoutmargins = nsdirectionaledgeinsets(top: 0, leading: 20, bottom: 0, trailing: 10)
print("assigned directionallayoutmargins: " + "\(self.view.directionallayoutmargins)")
 
// 打印日志可见只有 leading 的值改变为手动赋的值,trailing 依然遵循于 systemminimumlayoutmargins
systemminimumlayoutmargins :nsdirectionaledgeinsets(top: 0.0, leading: 16.0, bottom: 0.0, trailing: 16.0)
origin directionallayoutmargins: nsdirectionaledgeinsets(top: 88.0, leading: 16.0, bottom: 34.0, trailing: 16.0)
assigned directionallayoutmargins: nsdirectionaledgeinsets(top: 88.0, leading: 20.0, bottom: 34.0, trailing: 16.0)

注意

如果不希望受到systemminimumlayoutmargins的影响,那么把 view controller 的viewrespectssystemminimumlayoutmargins设为false即可.

navigation bar

进入了 ios 11,苹果为提供了更为漂亮和醒目的大标题的样式,如果想开启这样的功能,其实很简单。
只需要将 navigation bar 中的 preferslargetitles 置为 true 即可,这样便自动有了来自 ios 11 中的大标题的样式。

?
1
self.navigationcontroller.navigationbar.preferslargetitles = true

这里可以注意到,preferslargetitles 是配置在的 navigation controller 中的 navigation bar 中的。也就是说该 navigation controller 容器中的所有的 view controller 在此配置之后,都会受到影响。所以如果你要在当前的 navigation controller 中推入一个新的 view controller 的话,那么该 view controller 也会是大标题。因此为了避免这个问题,uikit 为 uinavigationitem 提供了 largetitledisplaymode 属性。

该属性默认为 uinavigationitem.largetitledisplaymode.automatic, 即保持与前面已经显示过的 navigation item 一致的样式。 如果想在后来的一个 view controller 避免大标题样式那么可以这么配置:

?
1
self.navigationitem.largetitledisplaymode = .never

除了大标题以外,在 ios 11 中,uikit 还为 navigation item 提供了便于管理搜索的接口。
具体参考如下:

?
1
2
self.navigationitem.searchcontroller = self.searchcontroller
self.navigationitem.hidessearchbarwhenscrolling = true

在配置好你的 search controller 之后便可以直接提供给 navigation item 的 searchcontroller属性上,这样的便能够在导航栏看到一个漂亮的搜索框了。

此外还可以给 navigation item 中的属性 hidessearchbarwhenscrolling 设置为 true, 他可以使你 view controller 中管理的 scroll view 在滑动的时候自动隐藏 search bar.

scroll view

如果使用过 view controller 管理过 scroll view 的话,想必对 automaticallyadjustsscrollviewinsets 这个属性一定不陌生。在 ios 11 之前,该属性可以让 view controller 自动管理 scroll view 中的 content inset. 但是,在实际在开发的过程中,这样的自动管理的方式会带来麻烦,尤其是一些在 content inset 需要动态调整的情况。

为此,在 ios 11, uikit 废弃了 automaticallyadjustsscrollviewinsets 属性,并将该的职责转移到 scroll view 本身。因此,在 ios 11 中,为了解决这个问题,有两个 scroll view 的新属性。一个是用于管理调整 content inset 行为的属性 contentinsetadjustmentbehavior, 另一个是获取调整后的填充的属性 adjustedcontentinset. 同时,uiscrollviewdelegate 也提供了新的代理方法,以方便开发者获取 inset 变化的时机:

?
1
optional func scrollviewdidchangeadjustedcontentinset(_ scrollview: uiscrollview)

至此,对于这个「自动为开发者设置 inset」 的特性,苹果算是提供了相当完备的接口了。

不过作为开发者的我们要注意的是,如果对原本自动设置 contentinset 属性的行为有依赖,在新的 ios 11 的适配中,可能得做出调整。

此外,为了便于开发者在 scroll view 中使用 auto layout. uikit 还提供了两个新的属性。一个是 contentlayoutguide, 它用来获取当前在 scroll view 内的内容的 layout guides. 而另一个是 framelayoutguide, 他用来获取实际内容的 layout guides. 这样说有点繁琐,还是看 wwdc 的原图吧:

关于iOS 11的一些新特性适配实践总结

table view

实际上对于 table view 而言,其最大的更新就在于新的特性 drag and drop 了吧。但是这个特性在适配中暂时不需要考虑,本文就不介绍了,让我们一起来看看其他有意思的变化。

首先是在 ios 11 中,table view 默认开启了 self-sizing, 可以注意到 estimatedrowheight, estimatedsectionheaderheight 以及 estimatedsectionfooterheight 都被默认设置为 uitableviewautomaticdimension. 但是我们知道,如果原本已经实现 tableview:heightforrowatindexpath: 之类的方法并返回了高度,那么在布局方面是不会有影响的,这对 ios 11 适配而言是个好消息。

在 ios 11 中,有了新的 layout margins 的概念,因此 uikit 也为 separator inset 做了额外的补充。现在 separator inset 可以有两个来源,一个是从 cell 的边缘开始 (uitableviewseparatorinsetreference.fromcelledges) ,另一个是从 table view 默认的填充开始 (uitableviewseparatorinsetreference.fromautomaticinsets)。其中,默认的填充由 table view 的 layout margins 进行控制。

此外,ios 11 还为 table view 添加了更多的滑动操作的控制能力。分别可以通过以下两个 uitableviewdelegate 的方法

实现:

?
1
2
func tableview(_ tableview: uitableview, leadingswipeactionsconfigurationforrowat indexpath: indexpath) -> uiswipeactionsconfiguration?
func tableview(_ tableview: uitableview, trailingswipeactionsconfigurationforrowat indexpath: indexpath) -> uiswipeactionsconfiguration?

我们可以注意到两个方法均要求返回一个 uiswipeactionsconfiguration 实例。为构造这个实例,我们还需要构造一个由 uicontextualaction 实例组成的数组。uicontextualaction 与原本的 uitableviewrowaction 大致类似,但是要注意在 contextual action 的参数 handler 中,我们需要调用 handler 参数中的 completionhandler 才能完成操作。从这一点我们可以看到,似乎在新的 action 中,我们可以做一些异步操作相关的事情。

下面是一个删除操作的示例:

?
1
2
3
4
5
6
7
8
9
override func tableview(_ tableview: uitableview, trailingswipeactionsconfigurationforrowat indexpath: indexpath) -> uiswipeactionsconfiguration? {
 let contextualaction = uicontextualaction.init(style: .destructive, title: "delete") { (style, title, completionhandler) in
  // 删除指定的数据
  completionhandler(true)
 }
 
 let actionsconfiguration = uiswipeactionsconfiguration.init(actions: [contextualaction])
 return actionsconfiguration
}

在 swipe actions configuration 中,我们还需要注意一点,那就是新的 performsfirstactionwithfullswipe 属性。通过开启这个属性的配置(默认开启),我们可以为第一个动作提供 full swipe 操作 (一种通过过度滑动从而触发动作的交互) 。

如果仅仅实现了以往的编辑的代理方法,在 ios 11 中,对于第一个动作将会默认支持 full swipe, 且不能关闭。

face id

如果已经做过了 touch id 那么实际上适配 face id 便并不难了。即便是不做任何的改动,估计 face id 也是可以直接使用的(写作时, iphone x 还未上市),当然相关的体验肯定会打点折扣,毕竟文案以及相关的提示操作还是在仅有 touch id 的前提下实现的。

与以往一样,可以通过 lacontext 类实现生物识别认证。不过需要注意的是,因为支持了新的 face id 认证,苹果便为 lacontext 类添加了新的接口 biometrytype 用于区分 touch id 以及 face id。同时,以往仅涵盖 touch id 的错误类型,也在 ios 11 中废弃了,相应的,苹果提供了新的更通用的错误类型予以替代。

ios 11 下适配uitableview

uiscrollview及其子类在ios 11之前的版本ui显示完全正常,但是在ios 11上面会显示奇葩的界面。

 (1)先看一下uitableview。

原本在vc里面的automaticallyadjustsscrollviewinsets竟然过期了,在ios 11下 apple推荐使用uiscrollview的contentinsetadjustmentbehavior属性进行设置自动计算滚动视图的内容边距。

?
1
@property(nonatomic,assign) bool automaticallyadjustsscrollviewinsets

在ios11的sdk下,uiscrollview的这个属性

?
1
2
3
4
5
6
7
8
9
10
11
12
13
@property(nonatomic) uiscrollviewcontentinsetadjustmentbehavior contentinsetadjustmentbehavior //这个属性是一个枚举类型的
 
{
 
uiscrollviewcontentinsetadjustmentautomatic,//scrollview会自动计算和适应顶部和底部的内边距并且在scrollview 不可滚动时,也会设置内边距.
 
uiscrollviewcontentinsetadjustmentscrollableaxes, //自动适应边距
 
uiscrollviewcontentinsetadjustmentnever, //和 automaticallyadjustsscrollviewinsets=no有着同样的效果,不计算内边距
 
uiscrollviewcontentinsetadjustmentalways//根据safeareainsets (安全区域)计算内边距
 
 }

所以,在ios 11 下,需要设置scrollview:

?
1
self.tableview.contentinsetadjustmentbehavior = uiscrollviewcontentinsetadjustmentnever;

如果需要全局设置的话,需要这么设置:

?
1
2
3
4
5
6
7
if (@available(ios 11.0, *)) {
 
 
 
 [[uiscrollview appearance] setcontentinsetadjustmentbehavior:uiscrollviewcontentinsetadjustmentnever];
 
}

这样设置后使用uitableview 、uicollectionview、uiscrollview的时候就不需要再单独设置该属性了,因为uiview以及他的子类都是遵循uiappearance协议的。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对服务器之家的支持。

reference

  • positioning content within layout margins
  • directionallayoutmargins
  • systemminimumlayoutmargins
  • safeareainsets

原文链接:https://mp.weixin.qq.com/s/rP_ryWL2raTjDpjMnSxXqQ

延伸 · 阅读

精彩推荐
  • IOSIOS开发之字典转字符串的实例详解

    IOS开发之字典转字符串的实例详解

    这篇文章主要介绍了IOS开发之字典转字符串的实例详解的相关资料,希望通过本文能帮助到大家,让大家掌握这样的方法,需要的朋友可以参考下...

    苦练内功5832021-04-01
  • IOSiOS中tableview 两级cell的展开与收回的示例代码

    iOS中tableview 两级cell的展开与收回的示例代码

    本篇文章主要介绍了iOS中tableview 两级cell的展开与收回的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...

    J_Kang3862021-04-22
  • IOS解析iOS开发中的FirstResponder第一响应对象

    解析iOS开发中的FirstResponder第一响应对象

    这篇文章主要介绍了解析iOS开发中的FirstResponder第一响应对象,包括View的FirstResponder的释放问题,需要的朋友可以参考下...

    一片枫叶4662020-12-25
  • IOS关于iOS自适应cell行高的那些事儿

    关于iOS自适应cell行高的那些事儿

    这篇文章主要给大家介绍了关于iOS自适应cell行高的那些事儿,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的...

    daisy6092021-05-17
  • IOSIOS 屏幕适配方案实现缩放window的示例代码

    IOS 屏幕适配方案实现缩放window的示例代码

    这篇文章主要介绍了IOS 屏幕适配方案实现缩放window的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要...

    xiari5772021-06-01
  • IOSiOS通过逆向理解Block的内存模型

    iOS通过逆向理解Block的内存模型

    自从对 iOS 的逆向初窥门径后,我也经常通过它来分析一些比较大的应用,参考一下这些应用中某些功能的实现。这个探索的过程乐趣多多,不仅能满足自...

    Swiftyper12832021-03-03
  • IOSiOS布局渲染之UIView方法的调用时机详解

    iOS布局渲染之UIView方法的调用时机详解

    在你刚开始开发 iOS 应用时,最难避免或者是调试的就是和布局相关的问题,下面这篇文章主要给大家介绍了关于iOS布局渲染之UIView方法调用时机的相关资料...

    windtersharp7642021-05-04
  • IOSiOS 雷达效果实例详解

    iOS 雷达效果实例详解

    这篇文章主要介绍了iOS 雷达效果实例详解的相关资料,需要的朋友可以参考下...

    SimpleWorld11022021-01-28