如何避免 iPhone X 上的视图剪辑

Posted

技术标签:

【中文标题】如何避免 iPhone X 上的视图剪辑【英文标题】:How to avoid view clipping on iPhone X 【发布时间】:2017-10-23 15:12:42 【问题描述】:

我在情节提要中启用了“使用安全区域布局指南”以支持 iPhone X 界面。我在顶部有几个 UIButtons 在纵向模式下被剪裁。我需要做些什么来避免剪裁?

我将自动布局约束设置为 button.Top = superview.Top。如何修改情节提要中的约束以使按钮下降到安全区域?

该按钮是一个容器 UIView 的子视图,在 iPhone X 上是全屏的。

【问题讨论】:

【参考方案1】:

将您的约束从 button.Top = superview.Top 修改为 button.Top = Safe Area.Top

在情节提要中,选择您的约束,然后使用下拉菜单选择“安全区域”。

【讨论】:

我没有看到安全区域选项,因为按钮是另一个 UIView 的子视图,而不是安全区域。 这种情况下,改为修改容器UIView的约束。 为什么?我希望容器 UIView 是全屏的。 @DeepakSharma 您可能需要使用更多信息来编辑您的问题。根据您的情况,您可能需要重构视图层次结构以获得所需的行为。如果您发布当前布局的详细信息,我可以尝试提供一些建议。 没有理由仅仅因为 iPhone X 而重构视图。

以上是关于如何避免 iPhone X 上的视图剪辑的主要内容,如果未能解决你的问题,请参考以下文章

子视图控制器视图不适合 iPhone X 上的父视图

iPhone相机,如何避免相机在预览视图上叠加;如何知道何时进入预览视图?

iPhone 如何剪辑新月图案

如何在 iOS 11 上的 iPhone X 上获得黑色状态栏

如何避免 XCode 在每次运行时重置 iPhone 上的位置

iPhone X 上的 UITableViewCell contentView inset