iOS 11人机交互指南概览：iPhone X

正文

请到「今天看啥」查看全文

如果app使用的是自定义布局，那么兼容iPhone X也相对比较容易，尤其是对那么使用自定义布局且遵守安全区域和边缘布局指南的app来说，就更容易了。

在iPhone X上预览您的app。 您可以使用Simulator（Xcode附带的软件）模拟app在iPhone X上的情形，并检查尺寸以及其它的布局问题。一些功能，比如宽彩色图像，最好在实际设备上预览一下，以保证没有问题。

提供全屏体验。 确保背景是在屏幕的外边、确保垂直滚动的布局（比如表格和集合）依然可以滑动到屏幕底部。

插入额外的内容以避免内容被裁剪。 一般来说，内容是居中对称的，这样会使得不管从哪个角度看，都不会觉得奇怪；而且还能保证内容不会因为屏幕的圆角设计而裁剪、内容不会被屏幕上的传感器外壳和指示灯等遮挡。为了获得最好的布局效果，请使用系统提供的标准的界面元素和自适应布局方式去构建你的app界面。所有的app都应该遵守UIkit里定义的安全区域和布局边界，这样能保证设备和文字之间的合理填充效果。安全区还能保证内容不会被状态栏、导航栏、工具栏和标签栏遮挡。

注意状态栏的高度。 iPhone X上的状态栏比其它iPhone上的状态栏高一点。如果你的app认为状态栏的高度是固定的，从而把内容放在了状态栏的下方，那你必须要根据用户的设备调整app的内容的位置为自适应。而且要注意当后台有录音和位置跟踪的任务正在进行时，iPhone X上的状态栏的高度也是不变的。

如果你的app隐藏了状态栏，现在你需要重新考虑一下方案了。 相对于4.7吋的iPhone，iPhone X的屏幕为内容提供了更多的垂直空间，而且iPhone X占用的屏幕的区域，你的app可能无法充分使用。状态栏也能让用户找到有用的信息。状态栏只能在换取附加值时隐藏。

请到「今天看啥」查看全文