适配iOS11(常用)

导航栏变化

高度变化

在iOS11中导航栏多了一个LargeTitleView,专门专门显示大字标题。该LargeTitleView的高度为52p

  • iPhoneX之前的机型,默认高度64p,如果显示大字标题,总高度为20+44+52=116p
  • iPhoneX,statusbar=44,默认高度88p,如果显示大字标题,总高度为44+44+52=140p

iPhoneX底部还多了一个半角的矩形,使得tabbar多出来了34p的高度

控制大标题的显示

UINavigationBar中新增了一个BOOL属性prefersLargeTitles,将该属性设置为tureNavigationBar就会在整个APP中显示大标题,如果想要在控制不同页面大标题的显示,可以通过设置当前页面的navigationItemlargeTitleDisplayMode属性;

navigationItem.largeTitleDisplayMode 

typedef NS_ENUM(NSInteger, UINavigationItemLargeTitleDisplayMode) {  
/// 自动模式,依赖上一个 item 的特性
UINavigationItemLargeTitleDisplayModeAutomatic,
/// 针对当前 item 总是启用大标题特性
UINavigationItemLargeTitleDisplayModeAlways,
/// Never 不启用大标题特性
UINavigationItemLargeTitleDisplayModeNever,
}

导航栏内视图边距变化

在iOS11系统中

  • 设置了TitleView
    • iPhone6P以上:左右边距为12pt
    • iPhone6P以下:左右边距为8pt
  • 设置了左右navigationBarButton
    • iPhone6P以上:左右边距为20pt
    • iPhone6P以下:左右边距为16pt
  • 同时设置了TitleViewnavigationBarButton
    • iPhone6P以上:navigationBarButton的左右边距为20ptnavigationBarButtonTitleView间距为0pt
    • iPhone6P以下:navigationBarButton的左右边距为16ptnavigationBarButtonTitleView间距为0pt

automaticallyAdjustsScrollViewInsets 属性

iOS 11 后 UIViewController 的属性 automaticallyAdjustsScrollViewInsets,变为了 UIScrollView's contentInsetAdjustmentBehavior。如果发现界面无意中位置偏移了,很可能是这个属性导致的。

if (@available(iOS 11.0, *)) {
   [UIScrollView appearance].contentInsetAdjustmentBehavior =UIScrollViewContentInsetAdjustmentNever;
   //iOS11 解决SafeArea的问题,同时能解决pop时上级页面scrollView抖动的问题
} else {
   self.automaticallyAdjustsScrollViewInsets = NO;
}

TableViews :在iOS 11中默认启用Self-Sizing

在iOS11中,默认开启了Self-Sizing估算行高机制,我们可以通过实现estimatedRowHeight相关的属性来展示动态的内容,实现了estimatedRowHeight属性后,得到的初始contenSize是个估算值,是通过estimatedRowHeight * cell的个数得到的,并不是最终的contenSizetableView不会一次性计算所有的cell的高度了,只会计算当前屏幕能够显示的cell个数再加上几个,滑动时,tableView不停地得到新的cell,更新自己的contenSize,在滑到最后的时候,会得到正确的contenSize

Self-Sizing在iOS11下是默认开启的,Headers,footers, and cells都默认开启Self-Sizing,所有estimated 高度默认值从iOS11之前的 0 改变为UITableViewAutomaticDimension

@property (nonatomic) CGFloat estimatedRowHeight NS_AVAILABLE_IOS(7_0); 
// default is UITableViewAutomaticDimension, set to 0 to disable

如果目前项目中没有使用estimateRowHeight属性,在iOS11的环境下就要注意了,因为开启Self-Sizing之后,tableView是使用estimateRowHeight属性的,这样就会造成contentSizecontentOffset值的变化,如果是有动画是观察这两个属性的变化进行的,就会造成动画的异常,因为在估算行高机制下,contentSize的值是一点点地变化更新的,所有cell显示完后才是最终的contentSize值。因为不会缓存正确的行高,tableView reloadData的时候,会重新计算contentSize,就有可能会引起contentOffset的变化。iOS11下不想使用Self-Sizing的话,可以通过以下方式关闭:

[UITableView appearance].estimatedRowHeight = 0;
[UITableView appearance].estimatedSectionHeaderHeight = 0;
[UITableView appearance].estimatedSectionFooterHeight = 0;

iOS11下,如果没有设置estimateRowHeight的值,也没有设置rowHeight的值,那contentSize计算初始值是 44 * cell的个数.

在iOS11之前,可以只实现heightForHeaderInSection方法,而不实现viewForHeaderInSection方法,但实际上这样写是不规范的,只实现了高度,没有实现View,在iOS11中,这样写就会出现问题。

TableViews:separatorInset 扩展

iOS 7 引入separatorInset属性,用以设置cell的分割线边距,在 iOS 11 中对其进行了扩展。可以通过新增的UITableViewSeparatorInsetReference枚举类型的separatorInsetReference属性来设置separatorInset属性的参照值。

typedef NS_ENUM(NSInteger, UITableViewSeparatorInsetReference) {  
    UITableViewSeparatorInsetFromCellEdges,   //默认值,表示separatorInset是从cell的边缘的偏移量
    UITableViewSeparatorInsetFromAutomaticInsets  //表示separatorInset属性值是从一个insets的偏移量
}

AppIcon

多了一个AppIcon,1024*1024

LanchImage

多了一个iPhoneX

iPhoneX

  1. iPhoneX的状态栏由原来的 20 变为了 44。这个如果在导航的位置设置自定义的View,在iPhoneX上出问题。会挡住View的显示。
  2. 启动页,如果使用LaunchScreen.storyboard作为启动页,需要调整下Top的约束,以前为 -20 ,改为 -44 ;

iPhoneX 分辨率: 1125*2436 ,458 ppi

访问相册权限

iOS11 以后使用 NSPhotoLibraryAddUsageDescription

iOS11 之前使用的是 NSPhotoLibraryUsageDescription

详见:Cocoa Keys

屏幕尺寸变化

  • {375, 812} iPhone X
  • {375, 667} iPhone 8 / iPhone 7 / iPhone 6
  • {414, 736} iPhone 8P / iPhone 7P / iPhone 6P
  • {320, 568} iPhone SE / iPhone 5

设备号变化

case "iPhone10,1", "iPhone10,4":
      return "iPhone 8"
case "iPhone10,2", "iPhone10,5":
      return "iPhone 8 Plus"
case "iPhone10,3", "iPhone10,6":
      return "iPhone X"

参考文章

你可能需要为你的APP适配iOS11

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,457评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,837评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,696评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,183评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,057评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,105评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,520评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,211评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,482评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,574评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,353评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,897评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,489评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,683评论 2 335

推荐阅读更多精彩内容

  • 前言 苹果WWDC开发者大会上,终于发布了大家期待已久的iOS 11,有些新特性功能确实出人意料。不过大的方面苹果...
    Mr_Say_Yes阅读 3,279评论 6 15
  • iOS 11 为整个生态系统的 UI 元素带来了一种更加大胆、动态的新风格。 本文介绍iOS11中在UI方面做了哪...
    阿凡提说AI阅读 585评论 0 1
  • 本文为作者原创,未经作者允许不得转载。该文同时发表在腾讯bugly公众号:https://mp.weixin.qq...
    sonialiu阅读 101,573评论 74 283
  • 随着Xcode GM版本发布,适配iOS 11也就提上了日程,总的来说整个适配过程不是很麻烦。建议观看今年WWDC...
    iOS骆驼阅读 2,681评论 1 6
  • 一、NavigationBar UIBarItem UIBarItem在iOS11在中新增landscapeIma...
    灰s阅读 3,778评论 5 11