iOS 7 UI 过渡指南 - 审视过渡工作的范围

本文翻译自苹果开发者中心文档 iOS 7 UI Transition Guide (Preparing for Transition - Scoping the Project)

了解你的 app 特征及自定义的方式,能让你大致知道应该如何进⾏过渡。使用下面的清单填充上项目的细节,来审视整个过渡工作的范围。

###每个 app 必须做的事情

  • 更新app的icon

    在iOS 7中,app 的图标尺寸在高分辨率的 iPhone 和 iPod touch 上是 120x120 像素,在高分辨率的 iPad 上是 152x152 像素。(了解更多图标大小的详情,请查阅“Icon and Image Sizes”

    注意,iOS 7 不再对 app 的图标进行光照和阴影效果。并且,虽然 iOS 7 依然对 app 的图标加入圆角,但与之前版本的 iOS 采用的圆角相比,弧度发生了一些变化。

  • 更新 app 的加载图像,如果原来的载⼊图像中不包含状态栏部分的话,补充上状态栏部分的图像。

  • 如果你之前没有支持的话,现在应支持 Retina 屏幕和 iPhone 5 的屏幕尺寸。

###每个 app 应该做的事情

  • 确保 app 的内容在透明UI元素(比如透明的 bar 和透明键盘)和透明的系统状态栏下依然可辨识。在 iOS 7 中,视图控制器统一采⽤用了全屏视图(参阅“Using View Controllers”来了解更多)。

  • 重新设计 bar 的自定义图标。在 iOS 7 上,bar 上的按钮图标更加轻巧,且有了不一样的风格。参阅“Bar Button Icons”来了解一些设计指导。

  • 准备采用无边框的按钮,去掉按钮的背景图⽚和边框曲线。

  • 检查 app 中写死的 UI 数值,比如 size 和 position,用系统提供的动态数值替换它们。使用 Auto Layout 帮助你的 app 完成当布局变化时的响应。(如果你还不知道什么是 Auto Layout,请参阅 Auto Layout Guide

  • 检查 app 中使⽤ UIKit 控件的地方,检查尺寸和风格发生变化的控制器和视图是否对布局和外观产生了影响。例如,开关(Switch)变得更宽了,组合式表格(grouped tables)不再是嵌入的样式,进度条变得比以前更细。想要了解更详细的 UI 元素变化,请参阅Bars and Bar ButtonsContent ViewsControlsTemporary Views

  • 使用动态的字体类型。在 iOS 7 中,用户可以自由调整 app 中字体的大小。如果采⽤动态字体,当用户在系统中设定自定义字号的时候,app 的字体也会发⽣生相应的变化。更多信息请参阅Using Fonts

  • 考虑用户从屏幕底部上滑调出控制中心的情况。如果 iOS 检测到一次滑动从屏幕底部开始,那么就会调出控制中心,而不会将这个手势传递给现在运行中的 app。如果 iOS 判断这次触摸不应该调出控制中心,那这次的触摸可能会稍微延迟一会儿才能传递到 app 中。

  • 检查所有用到的阴影、渐变、浮雕效果。由于 iOS 7 的设计重视平面化和层次感,所以应该尽量少的应用会让 UI 元素具有拟物化的视觉效果,你应该重新考虑一下这些效果。

  • 必要的话,将 app 升级到 iOS 6 中的最佳实践⽅法,如 Auto Layout 和 Storyboard,并确保 app 不会用到已不建议使用的 API 。

现在你了解到需要做哪类事情了,了解更多关于视图控制器、着色、字体的变化,请参阅Appearance and Behavior

###如果你必须继续支持 iOS 6

如果你必须同时支持 iOS 6 和 iOS 7 两个系统,你可以在 app 运行的时候检测操作系统的版本,并加载相对应的资源⽂件。更多信息请参阅Supporting iOS 6