适配iOS11&iPhoneX的一些坑

作者: 张月半 | 来源:发表于2017-09-19 17:44 被阅读21624次

    博客传送门
    前阵子项目开发忙成狗,就一直没做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
    所以如果你的项目是自定义的navigationBar,那么在iOS11上运行就可能出现布局错乱的bug,解决办法是重写UINavigationBarlayoutSubviews方法,调整布局,上代码:
    - (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)
    

    还有的发现某些界面tableViewsectionHeadersectionFooter高度与设置不符的问题,在iOS11中如果不实现 -tableView: viewForHeaderInSection:-tableView: viewForFooterInSection: ,则-tableView: heightForHeaderInSection:- tableView: heightForFooterInSection:不会被调用,导致它们都变成了默认高度,这是因为tableView在iOS11默认使用Self-SizingtableViewestimatedRowHeightestimatedSectionHeaderHeightestimatedSectionFooterHeight三个高度估算属性由默认的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在启动时图标会出现黑边,如图(处女座实在忍不了...)

    图2
    原因是iOS11修改了App启动动画,如果你的App图标有圆角那么就会变成这个鸟样了...所有图标都换成直角就好了,具体规范见Human Interface Guidelines-App Icon,还是要听苹果爸爸的话啊...

    iPhoneX

    LaunchImage

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

    图3

    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开发蛋疼的适配各种机型心情如图...

    图4
    后来发现原因是项目的APP图标有圆角,因为iOS11修改了启动动画,导致这一问题直接暴露了...关于AppIcon规范详见[Human Interface Guidelines

    iOS-App Icon](https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/)

    最后奉上WWDC官方视频:

    Updating Your App for iOS 11

    Building Apps for iPhone X

    Designing for iPhone X

    相关文章

      网友评论

      • RunLoop:if (@available(iOS 11.0, *)) {
        make.edges.equalTo()(self.view.safeAreaInsets)
        } else {
        make.edges.equalTo()(self.view)
        }代码报错,写法不对吧
        张月半:@RunLoop 不好意思忘记改了,刚刚更新了,关于masonry的适配建议去github上看更详细~
      • 吃你煮的鱼:楼主 你好 我隐藏了导航栏 但是在iphoneX上状态栏的颜色就是白色了 这个有办法解决吗
        张月半:@吃你煮的鱼 我是通过修改导航栏背景图片透明度弄的隐藏,没发现你这种情况
      • 6179a7c8f80c:楼主你好,我这边适配iPhone X从第一个页面push进第二个页面然后再pop回前一个页面的时候有时会出现页面白屏的情况,只有通过切换下面的Tab才能看到页面,但在其他机型上是不会出现这种情况的。请问楼主,这是怎么回事?
        张月半:@倬彼昊天花满城 额那不看代码我也不清楚了 没遇到过这种情况...
        6179a7c8f80c:@张月半 navi和table是自定义的,都已经适配了
        张月半:@倬彼昊天花满城 tab或者navi用的第三方?没适配吧
      • Beyond无状态:- (void)scrollViewDidScroll:(UIScrollView *)scrollView {

        CGFloat sectionHeaderHeight = 10;
        if (scrollView.contentOffset.y<=sectionHeaderHeight&&scrollView.contentOffset.y>=0) {
        scrollView.contentInset = UIEdgeInsetsMake(-scrollView.contentOffset.y, 0, 0, 0);
        } else if (scrollView.contentOffset.y>=sectionHeaderHeight) {
        scrollView.contentInset = UIEdgeInsetsMake(-sectionHeaderHeight, 0, 50, 0);
        }

        }
        楼主 现在这段代码 我应该怎么改啊
        张月半:@多醋多辣 额 没看出跟iOS 11有什么关系:joy:
      • coding_Liu:我们公司也做适配了 模拟器适配一点问题没有,使用真机却没有效果 代码一样 遇到这样的情况了么????????
        张月半:@暴脾气的妖猫儿 跑真机和跑模拟器用的都是xcode9吗?
      • coding_Liu:我们公司也做适配了 模拟器适配一点问题没有,使用真机却没有效果 代码一样 遇到这样的情况了么????????
      • coding_Liu:我们公司也做适配了 模拟器适配一点问题没有,使用真机却没有效果 代码一样 遇到这样的情况了么????????
      • 我不是掌柜:Masonry 适配是这样适配?
        张月半:@kakarotto 这是针对在非X上的全屏页面的举例代码 比如全屏的tableView 具体适配方法还要看界面...
      • 佳佳Nice:在iOS11中我没有实现 -tableView: viewForHeaderInSection,但是关闭self-sizing功能后,-tableView: heightForHeaderInSection方法也调用了
        张月半:@佳佳Nice 就是因为你没实现啊...
      • 文艺女青年的男人:CGSizeEqualToSize(CGSizeMake(1125, 2001)是iphoneX在模拟器上的尺寸吧
        文艺女青年的男人:@张月半 没有加launchImage的时候,打印是2001像素,现在加上之后,正常了
        张月半:@文艺女青年的男人 真机和模拟器尺寸不一样吗?你有真机?2001什么鬼?
      • 逆光少年:if (@available(iOS 11.0, *)) {
        make.edges.equalTo()(self.view.safeAreaInsets)
        } else {
        make.edges.equalTo()(self.view)
        }
        这个方法我在我以前的工程设置没有效果,还是超出安全区,新建项目设置是有效的,有遇到过这个问题的吗?
        张月半:@逆光少年 额没遇到过...这要具体看代码了
      • 看我的大白眼:iOS 11下怎么修改tabbar的高度啊 之前在viewWillLayoutSubviews写的, push跳转的时候tabbar隐藏有问题
        看我的大白眼:@杜员外 去看我的简书 有适配iOS 11的写了
        杜员外:兄弟,你这个隐藏是怎么弄的现在我们项目也有隐藏的问题
      • 独木舟的木::+1: 这个宏实测完美啊,我的首页本来是正常显示的,push到下一页再pop回来会有20pt向下的偏移,用了这个宏问题都解决了。
        布袋的世界:只要自定义的导航栏都下移了20
      • f795aa098306:看不懂😂😂
      • 额萌面超人呢:楼主,我用的就是系统的导航栏,可是往下移了20pt,要怎么修改呢
      • hrscy:关于 TabBarController的 tabBar 高度获取:
        self.tabBarController.tabBar.frame.size.height
        在 iPhone X 上是83,其他机型是49。
        不用写宏定义
        张月半:@hrscy 🤣
        hrscy:@张月半 (๑‾᷅⍨‾᷅๑)
        张月半:@hrscy 额我那句宏主要是补充判断机型 不是针对tabbar:joy:
      • brance:还有iOS11不加plist的描述文件访问相册会奔溃~
        张月半:@brance 我们还用的以前的权限访问key,没有闪退
        brance:@张月半 iOS10访问相册时发生,目前只发生在iOS10+系统,需要修改工程plist文件,加入访问权限提示信息。真机iPhone 7 Plus设备,Bugly上报的~
        补充:iOS 10 has updated privacy policy and implemented new privacy rules. You have to update your Info.plist app with this following fields by authorisation asked.
        张月半:@brance 嗯key名称变了 但是我这边没改发现没问题...
      • 修_没毅力没心情:你好,我的项目tabbar适配x有问题,没有在最底端,该怎么弄啊
        张月半:@修_没毅力没心情 加Q聊吧
      • lzh_coder:有一个问题,目前Xcode只是出了9的GM版,其实是beta版的最后一版,beta版打的AppStore release包是上传不了AppStore 的,目前正式版本还没有出,一旦你的适配代码上传到代码仓库,那么整个小组都要升级到GM版,打包也只能是用GM版,是否会影响你们发布新版app?
        张月半:@happyliuzh 昨天正式版xcode9已经发布,版本号与GM一样 所以之前下了GM的不需要升级也能发版,还有适配的代码不需要xcode9也能跑起来,所以团队其他人员不升级也可以
        lzh_coder:或者GM版打的AppStore release 包可以上传AppStore ?
      • 炒鸡范:[scrollView performSelector:NSSelectorFromString(@"setContentInsetAdjustmentBehavior:") withObject:@(2)];

        这句你确定能生效??
        张月半:@炒鸡范 因为performselector传参要传id类型,所有要转成nsnumber,系统会自动改成nsinteger,直接set的话要传nsinteger
        炒鸡范:@张月半 对nsinteger对象传nsnumber...你试试不用performselector直接设置ContentInsetAdjustmentBehavior = never?我这边显示结果是不同的
        张月半:@炒鸡范 确定啊我项目都用的:joy:
      • footSInRoad:谢谢啦
        张月半:@footSInRoad 客气
      • 一飞冲天哈:你好,我项目的导航栏是自定义的,下面是一个tableView,但是在iphoneX的模拟器上运行,整体视图都下移了一定的距离,(导航栏跟着tableView)都下移了,这是什么情况?谢谢
      • o0下一站生活0o:if (@available(iOS 11.0, *)) {
        make.edges.equalTo()(self.view.safeAreaInsets)
        } else {
        make.edges.equalTo()(self.view)
        }

        所有地方都要改?不该不能用?那不是工作量巨大.
        o0下一站生活0o:@张月半 明白了。
        张月半:@o0下一站生活0o 如果你项目某些需要适配safeArea或者支持横屏(就是屏幕上下的空白区域)那么就得改,不需要所有的都改~
        o0下一站生活0o:不改会有什么问题呢?

      本文标题:适配iOS11&iPhoneX的一些坑

      本文链接:https://www.haomeiwen.com/subject/lukgsxtx.html