iOS11 及 iPhone X 适配指南:掌握苹果最新适配方案

3星 · 超过75%的资源 需积分: 10 10 下载量 149 浏览量 更新于2024-09-09 1 收藏 1.64MB PDF 举报
iOS 11 及 iPhone X 适配方案探索 iOS 11 及 iPhone X 的发布带来了新的挑战和机遇,对于开发者来说,适配新的 iPhone X 是一个必不可少的步骤。下面我们来探索 iOS 11 及 iPhone X 的适配方案。 **安全区域(Safe Area)** 在 iPhone X 中,苹果引入了安全区域的概念,安全区域是指屏幕中可以安全展示内容的区域。由于 iPhone X 的屏幕设计,安全区域变成了一个重要的概念。苹果给出的安全区域示意图如下: image![](http://upload-images.jianshu.io/upload_images/1346171-d08f0e41eb1c5c77.gif?imageMogr2/auto-orient/strip) **适配原则** 通过对 iPhone X 模拟器的测试,我们可以发现主要的三点原则: 1. 带有空间按钮的顶部导航栏(NavigationBar)要处在“刘海”下面。 2. 底部导航栏(Tabbar)不能在虚拟横条 Home 键下面,也就是说要和屏幕底部保持距离。 3. 可滚动的列列表整块屏幕都是可展示的,但是滚动条要和顶部和底部保持距离不能超出。 基本以上三点原则可以概括为一句话,所有不可滚动的控件推荐在安全区域内展示,可滚动的控件整个屏幕都可以用来展示。 **适配注意事项** 在适配 iPhone X 时,需要注意以下几点: * 顶部 statusBar 的处理:由于 iPhone X 的刘海设计,顶部 statusBar 需要特殊处理,以免遮挡内容。 * 底部 tabBar 的处理:底部 tabBar 不能在虚拟横条 Home 键下面,需要特殊处理以保持距离。 * 滚动视图的处理:滚动视图需要和顶部和底部保持距离,避免遮挡内容。 **总结** 通过上述探索,我们可以看到,适配 iPhone X 需要遵守安全区域的原则,并且需要注意 顶部 statusBar、底部 tabBar 和滚动视图的特殊处理。只有通过正确的适配,才能使我们的 App 在 iPhone X 上运行良好。