在设计iPhone X时,请避免对称的安全区域

时间:2017-10-27 10:17:05

标签: autolayout iphone-x

考虑将iPhone X置于风景中。

由于安全区域似乎是对称的,所以安全区域的插图在左侧与在右侧一样大,无论凹口位于哪一侧。

假设我们希望安全区域进一步延伸到缺口未打开侧的屏幕边缘。有人有一个很好的方法吗?我假设我们想要一些适用于autolayout的东西。

enter image description here

这里的缺口位于左侧。我们希望另一边的边距更小,因为我们可以在那里显示更多内容。

1 个答案:

答案 0 :(得分:1)

虽然可以这样做,但Apple建议您不要在Human Interface Guidelines中执行此操作:

  

插入必要内容以防止剪裁。一般来说,内容   应该是居中和对称的插图,所以它看起来很棒   方向,不会被角落或设备的传感器夹住   外壳,或被访问主屏幕的指示器遮挡。   为获得最佳效果,请使用标准的,系统提供的界面元素和   自动布局来构建您的界面。所有应用都应该遵守   由UIKit定义的安全区域和布局边距,确保   基于设备和上下文的适当插入。安全区   还可以防止内容重叠状态栏,导航   栏,工具栏和标签栏。

那就是说 - 我完全理解想要使用那个额外的空间!

在尝试理解HIG的这一部分时,让我们这样说:如果你有一个你在风景中观看的游戏,那么控件应该是对称的,这样用户是否可以在{{{ 1}}或landscapeLeft,按钮插入相同的数量。如果你不对称地实现你的控制,那么用户的肌肉记忆在一个方向上与另一个方向不匹配。

你可以听到Mike Stern(Apple的设计宣传员)在2017年秋季的标题"Designing for iPhone X"的WWDC视频中谈论这个概念。 (此链接有一个时间戳,Mike详细讨论了景观对称性。)