【转】适配iOS11&iPhoneX的一些坑

作者:张月半
链接:http://www.jianshu.com/p/c355cc4b12c2
來源:简书
著作权归作者所有。

前阵子项目开发忙成狗,就一直没做iOS11的适配,直到XcodeGM版发布后,我胸有成竹的在iPhoneX上跑起项目,整个人都凉透了...下面总结一下我遇到的坑,不是很全面,日后补充。

导航栏

导航栏高度的变化

iOS11之前导航栏默认高度为64pt(这里高度指statusBar + NavigationBar),iOS11之后如果设置了prefersLargeTitles = YES
则为96pt,默认情况下还是64pt,但在iPhoneX上由于刘海的出现statusBar由以前的20pt变成了44pt,所以iPhoneX上高度变为88pt,如果项目里隐藏了导航栏加了自定义按钮之类的,这里需要注意适配一下。

导航栏图层及对titleView布局的影响

iOS11之前导航栏的title是添加在UINavigationItemView
上面,而navigationBarButton则直接添加在UINavigationBar
上面,如果设置了titleView,则titleView也是直接添加在UINavigationBar
上面。iOS11之后,大概因为largeTitle
的原因,视图层级发生了变化,如果没有给titleView赋值,则titleView会直接添加在_UINavigationBarContentView
上面,如果赋值了titleView,则会把titleView添加在_UITAMICAdaptorView
上,而navigationBarButton被加在了_UIButtonBarStackView
上,然后他们都被加在了_UINavigationBarContentView
上,如图:

图1
图1

所以如果你的项目是自定义的navigationBar,那么在iOS11上运行就可能出现布局错乱的bug,解决办法是重写UINavigationBar
layoutSubviews
方法,调整布局,上代码:

- (void)layoutSubviews {
      [super layoutSubviews]; //注意导航栏及状态栏高度适配 
      self.frame = CGRectMake(0, 0, CGRectGetWidth(self.frame), naviBarHeight); 
      for (UIView *view in self.subviews) { 
          if([NSStringFromClass([view class]) containsString:@"Background"]) {   
              view.frame = self.bounds; 
          } else if ([NSStringFromClass([view class]) containsString:@"ContentView"]) { 
              CGRect frame = view.frame; 
              frame.origin.y = statusBarHeight; 
              frame.size.height = self.bounds.size.height - frame.origin.y; 
              view.frame = frame; 
          } 
     }
}

再补充一点,看了简书App适配iOS11发现titleView支持autolayout
,这要求titleView必须是能够自撑开的或实现了- intrinsicContentSize
方法

- (CGSize)intrinsicContentSize {
       return UILayoutFittingExpandedSize;
}

UIScrollView、UITableView、UICollectionView
大家在iOS11设备上运行出现最多问题应该就是tableview
莫名奇妙的偏移20pt或者64pt了。。原因是iOS11弃用了automaticallyAdjustsScrollViewInsets
属性,取而代之的是UIScrollView
新增了contentInsetAdjustmentBehavior
属性,这一切的罪魁祸首都是新引入的safeArea
,关于safeArea
适配这篇文章iOS 11 安全区域适配总结讲的很详细,感兴趣的可以看下,我直接贴适配代码,因为低版本直接用contentInsetAdjustmentBehavior
会报警告,所有定义了如下的宏(感谢@炒鸡范的指正,之前的宏犯了个低级错误...现改为)

#define adjustsScrollViewInsets(scrollView)\
do {\
_Pragma("clang diagnostic push")\
_Pragma("clang diagnostic ignored \"-Warc-performSelector-leaks\"")\
if ([scrollView respondsToSelector:NSSelectorFromString(@"setContentInsetAdjustmentBehavior:")]) {\ 
NSMethodSignature *signature = [UIScrollView instanceMethodSignatureForSelector:@selector(setContentInsetAdjustmentBehavior:)];\
 NSInvocation *invocation = [NSInvocation invocationWithMethodSignature:signature];\ 
NSInteger argument = 2;\
invocation.target = scrollView;\ 
invocation.selector = @selector(setContentInsetAdjustmentBehavior:);\ 
[invocation setArgument:&argument atIndex:2];\ 
[invocation retainArguments];\ 
[invocation invoke];\
}\
_Pragma("clang diagnostic pop")\
} while (0)

还有的发现某些界面tableView
sectionHeader、sectionFooter
高度与设置不符的问题,在iOS11中如果不实现
-tableView: viewForHeaderInSection:-tableView: viewForFooterInSection:
-tableView: heightForHeaderInSection:- tableView: heightForFooterInSection:
不会被调用,导致它们都变成了默认高度,这是因为tableView
在iOS11默认使用Self-Sizing
tableView
estimatedRowHeight 、estimatedSectionHeaderHeight 、estimatedSectionFooterHeight
三个高度估算属性由默认的0变成了UITableViewAutomaticDimension
,解决办法简单粗暴,就是实现对应方法或把这三个属性设为0。
如果你使用了Masonry
,那么你需要适配safeArea

if (@available(iOS 11.0, *)) { 
    make.edges.equalTo()(self.view.safeAreaInsets)
} else { 
    make.edges.equalTo()(self.view)
}

iPhoneX

LaunchImage

关于iPhoneX(我就不吐槽刘海了...),如果你的APP在iPhoneX上运行发现没有充满屏幕,上下有黑色区域,那么你应该也像我一样LaunchImage
没有用storyboard,而是用的Assets,解决办法如图,启动图的尺寸为1125x2436
,or you can iOS开发时如何使用 Launch Screen Storyboard

图2
图2

TabBarController

因为我们的项目用了第三方的TabBarController
,在iPhoneX运行,tabBar看起来怪怪的...估计作者要等到猴年马月才适配iPhoneX,项目又着急上线,就自己修改了第三方,主要是tabBar
高度及tabBarItem
偏移适配,iPhoneX由于底部安全区的原因UITabBar高度由 49pt变成了83pt
可以通过判断机型来修改相关界面代码

#define kDevice_Is_iPhoneX ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size) : NO)

目前遇到的就这些坑,欢迎大家指正补充~
作为一名iOS开发人员,想到当年嘲笑Android开发蛋疼的适配各种机型心情如图...


image

image

最后奉上WWDC官方视频:
Updating Your App for iOS 11
Building Apps for iPhone X
Designing for iPhone X

作者:张月半链接:http://www.jianshu.com/p/c355cc4b12c2來源:简书著作权归作者所有。感谢作者的及时分享

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

推荐阅读更多精彩内容