使用autolayout

Question

 我有一个蓝色背景图像，并在其中显示一些徽标  黑色矩形。

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

登录界面将有：

用户名 usernameTextField

密码 PasswordTextField

LoginButton

我想将所有这些放在该徽标下

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

如何使用autolayout进行操作，以便它可以在所有设备上运行

这将是登录屏幕

Answer 1

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

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

您甚至可以选择具有不同的水平和垂直间距，具体取决于您希望视图的外观。 Autolayouts可以根据您的外观组合使用不同的组合。