博客传送门
前阵子项目开发忙成狗,就一直没做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
上,如图:
所以如果你的项目是自定义的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的视图偏移问题
大家在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
,解决办法简单粗暴,就是在对应界面实现对应方法或把tableView
的这三个属性设为0。如果你想全局关闭Self-Sizing
可使用下面这段代码:
UITableView.appearance.estimatedRowHeight = 0;
UITableView.appearance.estimatedSectionFooterHeight = 0;
UITableView.appearance.estimatedSectionHeaderHeight = 0;
如果你使用了Masonry
,某些界面需要适配需要适配safeArea
,请更新到最新版本,可以试试下面这段代码
if (@available(iOS 11.0, *)) {
make.edges.equalTo(self.view.mas_safeArea);
} else {
make.edges.equalTo(self.view);
}
相册访问权限
看其他适配文章上对iOS11相册权限调整的说明是“iOS11把 NSPhotoLibraryUsageDescription 替换成了NSPhotoLibraryAddUsageDescription”,奇怪的是我的项目并没有添加NSPhotoLibraryAddUsageDescription
,在访问相册时也没发生crash,后来在仔细阅读了官方文档才发现NSPhotoLibraryAddUsageDescription
只针对相册存储权限,在iOS11上系统默认打开了用户相册的访问权限,如果应用需要存储权限就需要添加这个key,否则就会crash。
AppIcon
在iOS11上发现了一个奇怪的现象,APP在启动时图标会出现黑边,如图(处女座实在忍不了...)
原因是iOS11修改了App启动动画,如果你的App图标有圆角那么就会变成这个鸟样了...所有图标都换成直角就好了,具体规范见Human Interface Guidelines-App Icon,还是要听苹果爸爸的话啊...
iPhoneX
LaunchImage
关于iPhoneX(我就不吐槽刘海了...),如果你的APP在iPhoneX上运行发现没有充满屏幕,上下有黑色区域,那么你应该也像我一样LaunchImage
没有用storyboard
而是用的Assets
,解决办法如图,启动图的尺寸为1125x2436
,or you can iOS开发时如何使用 Launch Screen Storyboard。
TabBarController
如果你使用了原生tabBar,系统会自动适配,因为我们的项目用了第三方的TabBarController
,在iPhoneX运行,tabBar看起来怪怪的(如果不确定你的项目tabBar在iPhoneX上看起来是否正常,可以参照模拟器的照片APP,一看便知)...估计作者要等到猴年马月才适配iPhoneX,项目又着急上线,就自己改了下,主要是tabBar
高度及tabBarItem
偏移适配,iPhoneX由于底部安全区的原因UITabBar
高度由49pt变成了83pt,多出来的34pt是空白手势区域。可以通过判断机型来修改相关界面代码,方式有两种,通过分辨率判断:
#define kDevice_Is_iPhoneX ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size) : NO)
通过设备名称判断:
@"iPhone10,1" : @"iPhone 8",
@"iPhone10,4" : @"iPhone 8",
@"iPhone10,2" : @"iPhone 8 Plus",
@"iPhone10,5" : @"iPhone 8 Plus",
@"iPhone10,3" : @"iPhone X",
@"iPhone10,6" : @"iPhone X",
这里推荐使用UIDeviceIdentifier。
目前遇到的就这些坑,欢迎大家指正补充~
作为一名iOS开发人员,想到当年嘲笑Android开发蛋疼的适配各种机型心情如图...
后来发现原因是项目的APP图标有圆角,因为iOS11修改了启动动画,导致这一问题直接暴露了...关于AppIcon规范详见[Human Interface Guidelines
iOS-App Icon](https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/)
最后奉上WWDC官方视频: