使用自动布局根据超级视图背景图像放置视图

Posted 2023-03-10

【中文标题】使用自动布局根据超级视图背景图像放置视图

【英文标题】：place view depending on superview background image using autolayout

【发布时间】：2016-09-08 14:22:05

【问题描述】：

我有一个蓝色背景图像，其中有一些标志，由 黑色矩形。

我想为我的应用程序设计一个登录屏幕。

登录屏幕将有：

用户名 用户名文本字段

密码 密码文本字段

登录按钮

我想把所有这些都放在那个标志下

我尝试通过将所有标签、文本字段和按钮放在一个视图中并将约束应用于该视图。

如何使用自动布局来做到这一点，以便它可以在所有设备上运行

这将是登录屏幕

【问题讨论】：

你为什么不拥有一个单独的标志并使用图像视图显示黑色标志。您尝试做的方式是不可能的，对于一个简单的登录屏幕，您不必进行不必要的计算。

【参考方案1】：

您可以将包含用户名和密码的视图居中，使它们看起来居中，并调整您的背景图像视图以使您的徽标位于居中视图上方，就像这样

或者您可以更改内容视图（用户名和密码）中心的约束，以便内容视图从徽标下方开始。

您甚至可以根据您希望视图的外观选择不同的水平和垂直间距。自动布局可以应用不同的组合，具体取决于您希望它的外观。