iOS 11,iPhone X界面适配遇到的坑

Xcode 9, iOS 11正式版发布不久,为了适配iOS 11,以及即将发售的iPhone X,这里记录下适配中遇到的那些事(坑)儿。我们先来了解下官方的适配指南

1,TabBar高度显示异常:

    项目中个别界面需要横屏的情况下,横屏后再回到竖屏,tabbar的高度发生异常:

   如下图:

iOS 11,iPhone X界面适配遇到的坑_第1张图片

解决方案:

我们先定义一个继承UITabBarController的子类,然后在方法viewWillLayoutSubviews中动态设置tabbar的高度

-  (void)viewWillLayoutSubviews {

           CGRecttabFrame = self.tabBar.frame;

           tabFrame.size.height = kTabBarHeight;

          tabFrame.origin.y = self.view.frame.size.height - kTabBarHeight;

         self.tabBar.frame= tabFrame;

}

结果:


iOS 11,iPhone X界面适配遇到的坑_第2张图片

上面使用到的宏定义kTabBarHeight:

#define kTabBarHeight ([[UIApplication sharedApplication] statusBarFrame].size.height>20?83:49)

2,Safe Area Layout Guide before ios 9.0

Xcode 9 用xib或者storyboard新建一布局,如果你的App最低版本低于9.0,就会出现错误提示: Safe Area Layout Guide before iOS 9.0 ,如下图所示:


iOS 11,iPhone X界面适配遇到的坑_第3张图片

解决方案:

根据提示的内容我们可以看到问题是9.0之后才支持Safe Area,选中左侧的错误提示,然后去掉右侧的Use Safe Area Layout Guides勾选,就可以了。


iOS 11,iPhone X界面适配遇到的坑_第4张图片

你可能感兴趣的:(iOS 11,iPhone X界面适配遇到的坑)