iPhone SE尺寸屏幕的自动布局Xcode问题

Question

我正在iOS 11上为iPhone设计一款应用程序，我遇到了一个与View Controllers设计有关的问题。在我的iPhone 6s and above screen design中，文字和按钮不会相互干扰。但是，在我的iPhone SE/iPhone 5s screen design中，文字会干扰我的一些按钮。如图所示，橙色按钮的垂直位置基于下方蓝色按钮的位置。无论手机的屏幕尺寸如何，我都希望保留这种约束。按钮上方所有文本的垂直位置基于视图控制器的顶部。

有什么方法可以保持我的文本的垂直位置与我在iPhone 6s及以上屏幕设计中的显示方式相同，同时缩小iPhone SE文本的垂直约束或字体大小？或者是否有其他方法可以避免文本和UIButtons相互干扰？

编辑：我也不希望我的设计成为滚动视图。我想我可能只需要减小所有设备的文本和按钮的大小。

Answer 1

首先使用滚动视图。对于与文本重叠的按钮，您缺少按钮的顶部约束（按钮和文本之间的垂直空间）。为什么要滚动浏览？，因为在iPhone，6S，6 +等的iphone高度不同，正如我们所知道的所有iPhone。因此，当您使用滚动视图时，如果高度小于您的内容，那么它是可滚动的，并且内容大小对于所有设备保持相同。

Answer 2

根据您的要求，我设计了一个屏幕，其中我将所有内容管理到屏幕中，而没有相应设备的滚动视图。

您只需要使用iPhoneSE设计屏幕并将黄色按钮顶部约束设置为45常量，然后您需要设置它的关系＆＃34;大于或等于＆＃34; < / strong>来自大小检查器属性。

有关详细信息，请参阅iPhoneSE和iPhone8 +的附加屏幕截图。