长话短说:iOS11和iPhone X发布,虽然iPhone X很丑,很失望,但是iOS 11很致命,让我们的APP又得重新适配一下,很蛋疼也很恶心!
这是Xcode9变化官方文档:developer.apple.com/library/content/documentation/DeveloperTools/Conceptual/WhatsNewXcode/xcode_9/xcode_9.html
这是苹果的官方指导文档给我们来做适配:developer.apple.com/ios/human-interface-guidelines/overview/themes/
就目前来看,发现两个地方需要我们去适配:
一:iPhone X的适配
虚线是安全区域!说白了,背景必须是全屏!然后视图,顶部减去44,下部减去44,中间就是安全区域了。也就是屏幕四角的半径为44,这个在横屏或者竖屏下,导航条和TabBar避开这个44就可以了!
底部千万别添加什么手势,而阻挡了系统的手势。UIScreenEdgePanGestureRecognizer这个类是设置屏幕边缘手势的!需要在边缘使用手势的就用这个类。
二:iOS 11的适配
iOS11目前就发现了一个问题,UItableveView的组间距问题:之前的设置不管用了,小调一下,这样解决:
必须添加这个两个属性?。?!否则代理设置的高度无效,没有效果!
_accountTableView.sectionHeaderHeight = 0;
_accountTableView.sectionFooterHeight = 8;
然后再用代理里面的方法设置组间距,想要自定义,就在代理进行分别设置!
导航栏
导航栏高度的变化
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上,如图:
再补充一点,看了简书App适配iOS11 发现titleView支持autolayout,这要求titleView必须是能够自撑开的或实现了- intrinsicContentSize方法
-?(CGSize)intrinsicContentSize?{
returnUILayoutFittingExpandedSize;
}
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(iOS11.0,?*))?{
make.edges.equalTo()(self.view.safeAreaInsets)
}else{
make.edges.equalTo()(self.view)
}
PhoneX
LaunchImage
关于iPhoneX(我就不吐槽刘海了...),如果你的APP在iPhoneX上运行发现没有充满屏幕,上下有黑色区域,那么你应该也像我一样LaunchImage没有用storyboard而是用的Assets,解决办法如图,启动图的尺寸为1125x2436,or you caniOS开发时如何使用 Launch Screen Storyboard
TabBarController
因为我们的项目用了第三方的TabBarController,在iPhoneX运行,tabBar看起来怪怪的...估计作者要等到猴年马月才适配iPhoneX,项目又着急上线,就自己修改了第三方,主要是tabBar高度及tabBarItem偏移适配,iPhoneX由于底部安全区的原因UITabBar高度由49pt变成了83pt,可以通过判断机型来修改相关界面代码
1#define?kDevice_Is_iPhoneX?([UIScreen?instancesRespondToSelector:@selector(currentMode)]???CGSizeEqualToSize(CGSizeMake(1125,2436),?[[UIScreen?mainScreen]?currentMode].size)?:?NO)
目前遇到的就这些坑,欢迎大家指正补充~