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

Question

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

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

登录屏幕将有：

用户名 用户名文本字段

密码 密码文本字段

登录按钮

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

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

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

这将是登录屏幕

Answer 1

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

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

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