iOS 11 & iPhone X 适配总结

发布于:2024-04-29 ⋅ 阅读:(30) ⋅ 点赞:(0)
前言

随着iPhone 8、iPhone X和iOS 11的到来,我们可以制作出比以往体验更加优秀的APP,适配也随之而来。下面我们介绍下一些新特性!

参考文章

iOS 11 新特性及适配要求

AR增强现实
  • 新特性简介:在iOS 11中,开发者可以使用ARKit开发出强大的AR应用,配合苹果强大的A系列处理器,用户可以在iPhone等终端设备上体验到强大的AR效果,可无缝融合虚拟对象与真实世界,提供浸入感十足的愉悦体验。
    iOS 11 AR 体验
更重的导航
  • 新特性简介:在浏览和搜索时,系统可以使用含更大字号、更粗字重标题的导航栏(即iOS 11新增的大标题导航栏),页面结构会更清晰,场景感知会更强烈。
    左:普通导航栏 右:大标题导航栏
更简洁的图标
  • 新特性简介:填充图形和厚重的笔触使得图标更小,还能增强对比度,利用这些iOS 11的特性,可以在屏幕上展示更多内容。
    左:iOS 11推荐图标 右:旧系统图标
拖动操作
  • 新特性简介:仅用一根手指,就能将图片、文字等内容从一个地方移到另一个地方。在 iPad 上,甚至能在 App 间拖放。
    iOS 11 拖动功能
身份验证
  • 新特性简介:苹果给移动终端提供了更加优秀的生物识别技术(即Face ID),Face ID为非接触式生物识别,使用起来比Touch ID更加简单,更加安全高效。
    左:Face ID 右:Touch ID
NFC
  • 新特性简介:NFC全称为近距离无线通讯技术,在iOS 11中苹果开放了NFC的接口,开发者利用NFC可以开发出无数遍历生活工作的功能,为iPhone等终端设备的使用场景增加了更多可能。
    iOS 11 NFC 功能演示
安全布局
  • 新特性简介:iOS 11中苹果提出了安全区域的概念,便于开发者适配不同形状、分辨率的屏幕,同时确保正确地在安全区内插入内容,防止内容与状态栏、导航栏、工具栏或标签栏重叠。
    安全区域
排版
  • 新特性简介:苹果在iOS 11中使用了更大的字号和更粗的字重,这有助于整个系统的可读性。另外,考虑到对辅助功能有需求的用户,除了标准的动态字号,系统也提供了一系列更大的字号。
    新排版效果
色彩
  • 新特性简介:由于从iPhone7及以后发布的苹果设备基本都支持Display P3 色彩空间(一个广色域的名称,比当前大多数手机等终端设备采用的SRGB色彩空间可以显示更加丰富的色彩)
    iPhone 屏幕色域展示

iPhone X 新特性及适配要求

屏幕尺寸与布局
  • 新特性简介: iPhone 8与iPhone 8Plus采用与之前已有的iPhone系列完全相同的屏幕尺寸,但是具有全面屏的iPhone X带来了一个与众不同的全新屏幕尺寸。 iPhone X具有同iPhone 7、iPhone6s、iPhone 6相同的屏幕宽度,但高度高了许多(高了145pt),并且iPhone X的屏幕四个角为圆角,不再是之前的直角
    iPhone X 屏幕尺寸对比
    特别注意:由于iPhone X的特殊屏幕,开发者需要特别注意以下几点,该部分是本次适配的重中之重,大部分工作出现在这里
  1. APP显示的内容不能被顶部的传感器(即刘海部分)、屏幕圆角、底部虚拟home键遮挡
  2. 注意iphone X特殊的状态栏高度,尤其是在隐藏状态栏的情况下的UI布局
  3. 避免在屏幕边角设置可以交互的区域
  4. 允许自动隐藏主屏幕指示器

左:正确布局方式 右:错误布局方式

手势
  • 新特性简介:由于iPhone X取消了home键,为了替代home键返回主页的功能,在屏幕底部设置了主屏幕指示器区域,并在该区域设置了多个手势来完成特殊操作(返回主页、切到多任务界面),所以在APP交互设计时要避免与iPhone X的特殊手势冲突
身份验证
  • 新特性简介:由于iPhone X上使用了最新的Face ID技术,并且iPhone X上没有继续使用已经非常成熟的Touch ID技术, 所以APP在涉及到身份验证的使用场景需要根据不同机型使用不同的身份验证技术(此处特指生物识别技术,即Touch ID与Face ID)
键盘
  • 新特性简介:由于iPhone X对键盘进行了特殊的布局(Emoji、语言切换和语音识别按钮会自动显示在键盘的下方,即使使用自定义键盘也会这样显示),所以APP在设计UI时不能影响已有键盘布局,且不要重复定义这些按钮