ios 适配iOS11&iPhoneX的一些坑

àì夳堔傛蜴生んèń 2022-04-10 11:52 313阅读 0赞

前阵子项目开发忙成狗，就一直没做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上，如图：

![Image 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][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 安全区域适配总结][iOS 11]讲的很详细，感兴趣的可以看下，我直接贴适配代码，因为低版本直接用contentInsetAdjustmentBehavior会报警告，所有定义了如下的宏（感谢[@炒鸡范][Link 1]的指正，之前的宏犯了个低级错误...现改为）

#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][iOS_ Launch Screen Storyboard]。

![Image 1][]

**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 1][]

[Image 1]: 
[App_iOS11]: http://www.jianshu.com/p/26fc39135c34
[iOS 11]: http://www.jianshu.com/p/efbc8619d56b
[Link 1]: http://www.jianshu.com/u/634f3d1c7c22
[iOS_ Launch Screen Storyboard]: http://www.jianshu.com/p/77054dccafdb

发表评论取消回复

表情：

评论列表（有 0 条评论，313人围观）

还没有评论，来说两句吧...

相关阅读

相关关于IOS适配的一些心得

苹果的设备，从07年左右开始推出，到iphone4，屏幕一直都是320\480像素，所以早期，至少ios5之前，是没有适配的概念的。比如我要在屏幕上方一个button，那我就可

一时失言乱红尘/ 2022年08月06日 14:19/ 0 赞/ 233 阅读

相关 IOS11界面适配问题

兴冲冲升级Xcode 9+iOS 11后，发现我的项目变得乱七八糟，主要体现在tableview、导航栏这两个方面；赶紧逐个查看，发现了以下四个问题： 1.tablevi

向右看齐/ 2022年06月08日 09:49/ 0 赞/ 277 阅读

相关关于iOS 11的适配

距离iOS 11正式发布也有小半年了, 陆陆续续也看到许多关于iOS 11和iPhone X适配相关的文章, 现记录下自己做适配所做的工作首先给出自己适配所用到的宏定义,

ゝ一世哀愁。/ 2022年05月31日 05:14/ 0 赞/ 338 阅读

相关 iOS APP启动图片适配iPhoneX

iOS项目的添加启动图片有三种方式： (1) 放到工程 Images.xcassets 文件夹下的中的【LaunchImage】图片集合中。 (2) 放到工程下的普通文

曾经终败给现在/ 2022年05月30日 04:48/ 0 赞/ 461 阅读

相关 ios适配

1、input text有圆角在相应界面或css中添加样式： input[type="text"],input[type="number"]{ -web

港控/mmm°/ 2022年05月21日 02:52/ 0 赞/ 255 阅读

相关网页适配 iPhoneX

前言 iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只

￡神魔★判官ぃ/ 2022年05月20日 01:09/ 0 赞/ 239 阅读

相关 mui 适配iphonex

manifest.json中的plus 下增加： "safearea": { //"background":"CCCCCC", // 安全区域外的

傷城~/ 2022年04月15日 05:51/ 0 赞/ 339 阅读

相关 ios 适配iOS11&iPhoneX的一些坑

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

àì夳堔傛蜴生んèń/ 2022年04月10日 11:52/ 0 赞/ 314 阅读

相关 iPhoneX 适配

iPhoneX 适配参考： > 1. [developer.apple.com/videos/play…][developer.apple.com_videos

我就是我/ 2022年01月12日 01:09/ 0 赞/ 357 阅读

相关实例适配ios11

不多bb，上码 import "ViewController.h" import "PersonViewModel.h" import "Person

我会带着你远行/ 2021年09月14日 14:46/ 0 赞/ 449 阅读