IOS11新特性与兼容适配

时间:2022-01-09 08:21:14

ios11发布以来,很多新的特性为开发工作提供了方便,小编在此给大家介绍一下ios11的新特性以及在兼容适配等做的工作。

1. uiview变化

1.1. 更加方便的rtl边距设置

在之前的系统中我们会使用layoutmargins来获取和设置控件显示内容部分的边缘与控件边缘的距离。在ios 11中,新增directionallayoutmargins属性来指定边距。这两个属性的结构定义如下:

?
1
2
3
4
5
6
7
typedef struct uiedgeinsets {
cgfloat top, left, bottom, right;
} uiedgeinsets;
////
typedef struct nsdirectionaledgeinsets {
cgfloat top, leading, bottom, trailing;
} nsdirectionaledgeinsets

从结构上看主要是将uiedgeinsets结构的left和right调整为nsdirectionaledgeinsets结构的leading和trailing。这一调整主要是为了right to left(rtl)语言下可以进行自动适配,例如:要实现文本每行尾部边距设置为30px,在以前做法则需要判断语言来区分哪些是rtl语言,然后再做设置,如:

?
1
2
3
4
5
6
7
8
9
if ([uiview userinterfacelayoutdirectionforsemanticcontentattribute:self.view.semanticcontentattribute] == uiuserinterfacelayoutdirectionrighttoleft)
{
// right to left 语言下每行尾部在左边
self.view.layoutmargins.left = 30;
}
else
{
self.view.layoutmargins.right = 30;
}

ios 11 后则可以一步到位,如:

?
1
self.view.directionallayoutmargins = nsdirectionaledgeinsetsmake(0, 0, 0, 30);

注:测试时需要添加rtl本地化语言才能看到效果

1.2. 安全区域

在ios 11中新增了安全区域的概念,目的是告诉开发者在这个区域下绘制的内容的显示才是有效的,否则会存在被遮挡的情况(特别是iphonex那帅气的刘海)。在uiview中新增safearealayoutguide和safeareainsets来获取屏幕的安全区域(对于frame布局时是很有用的)。如图所示:

IOS11新特性与兼容适配

safearea示意图

举个例子,在一个空白的uiviewcontroller中,分别在viewdidload和viewdidappear方法中输出view.safeareainsets观察边距情况,代码如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
- (void)viewdidload
{
[super viewdidload];
 
nsstring *edgestr = nsstringfromuiedgeinsets(self.view.safeareainsets);
nsstring *layoutfrmstr = nsstringfromcgrect(self.view.safearealayoutguide.layoutframe);
nslog(@"viewdidload safeareainsets = %@, layoutframe = %@", edgestr, layoutfrmstr);=
}
 
- (void)viewdidappear:(bool)animated
{
[super viewdidappear:animated];
 
nsstring *edgestr = nsstringfromuiedgeinsets(self.view.safeareainsets);
nsstring *layoutfrmstr = nsstringfromcgrect(self.view.safearealayoutguide.layoutframe);
nslog(@"viewdidappear safeareainsets = %@, layoutframe = %@", edgestr, layoutfrmstr);
}

可以看到其输出为:

?
1
2
2017-09-19 14:45:50.246095+0800 sample[5608:1365070] viewdidload safeareainsets = {0, 0, 0, 0}, layoutframe = {{0, 0}, {375, 667}}
2017-09-19 14:45:50.257807+0800 sample[5608:1365070] viewdidappear safeareainsets = {20, 0, 0, 0}, layoutframe = {{0, 20}, {375, 603}}

可见,在视图显示完成的时候view的顶部边距变为了20px,而这20px正是状态栏的高度。同样原理,如果你的是一个

uinavigationcontroller那在显示的时候view.safeareainsets就会变成{64, 0, 0, 0}。注意:在该vc下所有的uiview及其子类获取到safeareainsets的值是相同的。

如果你想准确地知道安全区域是什么时候被改变的,可以重写uiview的safeareainsetsdidchange方法,在这个方法里面可以监听安全区域的边距调整的事件(如果使用的是uiviewcontroller,其也提供相应方法来实现监听,下一章节会讲述该部分内容),代码如下:

?
1
2
3
4
- (void)safeareainsetsdidchange
{
//写入变更安全区域后的代码...
}

如果你不想让safeareainsets影响你的视图布局,则可以将insetslayoutmarginsfromsafearea设置为no,所有的视图布局将会忽略safeareainsets这个属性了。要注意的是,insetslayoutmarginsfromsafearea仅用于autolayout,即使该属性为no,视图的safeareainsets还是一样有值,而且安全区域变更方法safeareainsetsdidchange一样被调用。

2. uiviewcontroller变化

2.1. 废除api

2.1.1. automaticallyadjustsscrollviewinsets方法

ios 7中使用该方法来自动调整uiscrollview的contentinset。在ios 11之后将会使用uiscrollview的

contentinsetadjustmentbehavior属性来代替该方法。

2.1.2. toplayoutguide和bottomlayoutguide属性

ios 7中使用这两个属性来指导带有导航栏(naviagtionbar)和页签栏(tabbar)的视图排版。其作用如下图所示

IOS11新特性与兼容适配

toplayoutguide & bottomlayoutguide

在ios 11之后将使用安全区域(safe area)来代替该部分功能的实现。

2.2. 排版

2.2.1. additionalsafeareainsets属性

ios 11加入安全区域后,对于vc则可以通过该属性来对该区域附加一个边距信息。如:

?
1
self.additionalsafeareainsets = uiedgeinsetsmake(30, 0, 0, 30);

注意:这里是附加边距,意思就是在原有的safeareainsets值中增加对应的边距值。如果原来的是{10, 0, 0, 10}, 则最后得出的边距是{40, 0, 0, 40}。

2.2.2. systemminimumlayoutmargins和viewrespectssystemminimumlayoutmargins属性

该属性表示了一个系统最小的边距信息,所有的视图排版都应该遵循这个边距信息的。除非将viewrespectssystemminimumlayoutmargins设置为no。

2.2.3. viewlayoutmarginsdidchange方法

根视图的边距变更时会触发该方法的回调。可以通过该方法来处理当边距改变时子视图的布局。

2.2.4. viewsafeareainsetsdidchange方法

当视图的安全区域发生变更时会触发该方法的回调。可以通过该方法来处理安全区域变更时的子视图布局。

3. uinavigationbar变化

ios 11中加入了大标题模式,其显示效果如下所示:

IOS11新特性与兼容适配

大标题效果图

实现该效果需要将导航栏的preferslargetitles设置为yes,如:

self.navigationcontroller.navigationbar.preferslargetitles = yes;

4. uinavigationitem变化

4.1 控制大标题的显示

如果你想控制每个视图的大标题是否显示,这需要使用uinavigationitem的largetitledisplaymode属性来控制大标题的显示。该属性为枚举类型,定义如下:

?
1
2
3
4
5
6
7
8
9
typedef ns_enum(nsinteger, uinavigationitemlargetitledisplaymode)
{
/// 自动模式,会继承前一个navigationitem所设置的模式
uinavigationitemlargetitledisplaymodeautomatic,
/// 当前 navigationitem 总是启用大标题模式
uinavigationitemlargetitledisplaymodealways,
/// 当前 navigationitem 总是禁用大标题模式
uinavigationitemlargetitledisplaymodenever,
}

根据上面的描述,可以在vc初始化init或者awakefromnib方法中设置显示图标模式:

?
1
self.navigationitem.largetitledisplaymode = uinavigationitemlargetitledisplaymodealways;

4.2 控制搜索控制器

ios 11 中新增了两个属性searchcontroller和hidessearchbarwhenscrolling。这两个属性主要用于简化vc对uisearchcontroller的集成以及视觉优化。其中searchcontroller属性用于指定当前vc的一个搜索控制器。而hidessearchbarwhenscrolling属性则用于控制当视图滚动时是否隐藏搜索栏的ui,当该值为yes时,搜索栏只有在内容视图(uiscrollview及其子类)顶部是才会显示,在滚动过程中会隐藏起来;当该值为no时,则不受滚动影响一直显示在导航栏中。具体的代码实现如下:

?
1
2
3
4
5
6
7
8
- (void)awakefromnib
{
[super awakefromnib];
//设置searchcontroller到navigationitem
self.searchcontroller = [[uisearchcontroller alloc] initwithsearchresultscontroller:self];
self.navigationitem.searchcontroller = self.searchcontroller;
self.navigationitem.hidessearchbarwhenscrolling = yes;
}

IOS11新特性与兼容适配

IOS11新特性与兼容适配

搜索栏隐藏后效果

5. uiscrollview变化

之前的系统中,如果你的滚动视图包含在一个导航控制器下,系统会自动地调整你的滚动视图的contentinset。而ios 11新增adjustedcontentinset属性取替之前contentinset的处理方式。这两者之间的关系如下图所示:

IOS11新特性与兼容适配

adjustedcontentinset & contentinset

通过一个例子来验证这说法,代码如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
- (void)viewdidload
{
[super viewdidload];
 
nslog(@"viewdidload");
nslog(@"self.tableview.contentinset = %@", nsstringfromuiedgeinsets(self.tableview.contentinset));
nslog(@"self.tableview.adjustedcontentinset = %@", nsstringfromuiedgeinsets(self.tableview.adjustedcontentinset));
}
- (void)viewdidappear:(bool)animated
{
[super viewdidappear:animated];
 
nslog(@"viewdidappear");
nslog(@"self.tableview.contentinset = %@", nsstringfromuiedgeinsets(self.tableview.contentinset));
nslog(@"self.tableview.adjustedcontentinset = %@", nsstringfromuiedgeinsets(self.tableview.adjustedcontentinset));
}

执行后输出下面信息:

?
1
2
3
4
5
6
2017-09-20 11:54:09.361348+0800 sample[1276:375286] viewdidload
2017-09-20 11:54:09.361432+0800 sample[1276:375286] self.tableview.contentinset = {0, 0, 0, 0}
2017-09-20 11:54:09.361462+0800 sample[1276:375286] self.tableview.adjustedcontentinset = {0, 0, 0, 0}
2017-09-20 11:54:09.420000+0800 sample[1276:375286] viewdidappear
2017-09-20 11:54:09.420378+0800 sample[1276:375286] self.tableview.contentinset = {0, 0, 0, 0}
2017-09-20 11:54:09.420554+0800 sample[1276:375286] self.tableview.adjustedcontentinset = {20, 0, 0, 0}

可见,tableview的adjustedcontentinset自动改变了,但是contentinset的值是保持不变的。注:一定要是vc的根视图为uiscrollview或者其子类才能够得到adjustedcontentinset的值,否则获取到的是空值。而且非根视图的滚动视图就会被安全区域所裁剪,看到的样式如下图所示:

IOS11新特性与兼容适配

样式效果对比

通过使用contentinsetadjustmentbehavior属性可以控制 adjustedcontentinset的变化。该属性为枚举类型,其定义如下:

?
1
2
3
4
5
6
typedef ns_enum(nsinteger, uiscrollviewcontentinsetadjustmentbehavior) {
uiscrollviewcontentinsetadjustmentautomatic,
uiscrollviewcontentinsetadjustmentscrollableaxes,
uiscrollviewcontentinsetadjustmentnever,
uiscrollviewcontentinsetadjustmentalways,
}

其中uiscrollviewcontentinsetadjustmentautomatic与uiscrollviewcontentinsetadjustmentscrollableaxes一样,scrollview会自动计算和适应顶部和底部的内边距并且在scrollview 不可滚动时,也会设置内边距;

uiscrollviewcontentinsetadjustmentnever表示不计算内边距;uiscrollviewcontentinsetadjustmentalways则根据视图的安全区域来计算内边距。

如果需要感知adjustedcontentinset的变化,然后根据变化进行不同操作则可以通过重写新增的adjustedcontentinsetdidchange方法或者实现uiscrollviewdelegate中的scrollviewdidchangeadjustedcontentinset方法来实现。如:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
//重写方法
- (void)adjustedcontentinsetdidchange
{
[super adjustedcontentinsetdidchange];
 
//执行操作...
}
 
//实现委托
- (void)scrollviewdidchangeadjustedcontentinset:(uiscrollview *)scrollview
{
//执行操作...
}

除了新增上述所说的边距相关属性外,还新增了contentlayoutguide和framelayoutguide属性,用于描述内容布局和整体布局信息。

6. ui主线程操作日志提醒

之前的系统中如果你不小心将ui放入非主线程操作时,debug日志是没有任何信息反馈的,导致有时候在排错时非常困难。在新的xcode 9中,如果你处于调试状态,将ui放入非主线程操作,如:

?
1
2
3
4
5
dispatch_async(dispatch_get_global_queue(0, 0), ^{
self.tv = [[uitableview alloc] initwithframe:self.view.bounds];
[self.view addsubview:self.tv];
nslog(@"self.tv.adjustedcontentinset = %@", nsstringfromuiedgeinsets(self.tv.adjustedcontentinset));
});

log中会出现下面提示:

?
1
2
3
4
5
6
7
8
9
10
11
12
=================================================================
main thread checker: ui api called on a background thread: -[uiview bounds]
pid: 16919, tid: 2972321, thread name: (none), queue name: com.apple.root.default-qos, qos: 21
backtrace:
4 sample    0x00000001004885dc __29-[viewcontroller viewdidload]_block_invoke + 112
5 libdispatch.dylib   0x000000010077149c _dispatch_call_block_and_release + 24
6 libdispatch.dylib   0x000000010077145c _dispatch_client_callout + 16
7 libdispatch.dylib   0x000000010077d56c _dispatch_queue_override_invoke + 980
8 libdispatch.dylib   0x0000000100782b54 _dispatch_root_queue_drain + 616
9 libdispatch.dylib   0x0000000100782880 _dispatch_worker_thread3 + 136
10 libsystem_pthread.dylib  0x000000018300b130 _pthread_wqthread + 1268
11 libsystem_pthread.dylib  0x000000018300ac30 start_wqthread + 4

从日志中了解到一个main thread checker的东西,根据苹果官方文档来看他是作用在appkit(osx中)、uikit还有一些相关api上的后台线程,主要是用来监控这些框架中的接口是否在主线程中进行调用,如果没有则发出警告日志。因此,利用这个功能可以让我们快速地定位那些地方存在问题。

以上就是本次ios11新特性与兼容适配介绍的全部内容,如果大家还有任何问题可以在下方留言处留言讨论。