如何在XCode的界面生成器中垂直/水平居中/对齐多个对象？

Question

所以我设置了约束：

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9veHhtSS5wbmcifQ==” alt =“在此处输入图像描述”>“ >>

在每个设备中，这些对象均按预期显示。

iPhone：

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9reHdEYy5wbmcifQ==” alt =“在此处输入图像描述”>

iPad：

但是我不想从屏幕的顶部或底部控制这些对象的高低，或者只是将它们居中。您可以从我的屏幕截图中看到它们没有水平居中。

我尝试过的事情：

[当我尝试将它们居中时，我会不断收到那些烦人的黄色警告。我什至尝试添加一个视图并将对象放入视图内并设置约束，然后将视图居中。我仍然有错误。

如何正确执行此操作？

因此，我设置了约束：在每个设备中，这些对象均按预期显示。 iPhone：iPad：但是我不想控制这些对象从顶部还是底部的高度。...] >>

多了一些时间，所以我想我会更好地解释一下

1）选择要定位的按钮/事物，在下面的图像中，这是一个名为动作的按钮，我想将其放置在屏幕下方的右侧

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS8waVlxbi5wbmcifQ==” alt =“在此处输入图像说明”>“ >>

2）单击右下方按钮中的align

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS95QUw0OC5wbmcifQ==” alt =“在此处输入图像描述”>

3）根据要垂直放置还是水平放置，选择“对齐容器的水平中心”还是垂直对齐

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS95ekJJWi5wbmcifQ==” alt =“在此处输入图像描述”>

屏幕将看起来像这样，忽略所有黄色的投诉，我们将在稍后修复

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS81OG5rdi5wbmcifQ==” alt =“在此处输入图像描述”>

4）从右侧的“大小检查器”按钮中选择新创建的约束，选择并编辑它

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9CeVU5My5wbmcifQ==” alt =“在此处输入图像描述”>

5）在顶部选择“第一项”，然后从下拉菜单中选择“颠倒第一项和第二项”

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9SQXpxdi5wbmcifQ==” alt =“在此处输入图像描述”>

6）然后选择要对齐按钮的哪个部分，即前缘/中间到目前为止，xcode的右侧应如下所示：

“ >>

超级视图必须仍然是：

superview.centre X

7），然后您可以设置乘数以将屏幕等分或分成一个百分比，即屏幕的0.5 / 1 / 1.5-四分之一，中途，屏幕的3/4]

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9RMmRZQy5wbmcifQ==” alt =“在此处输入图像描述”>

您看到黄色约束上的数字已更改

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS96V242Ni5wbmcifQ==” alt =“在此处输入图像描述”>“ >>

如果再次更改乘数

数字将改变

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9nVHQzay5wbmcifQ==” alt =“在此处输入图像描述”>

不用担心按钮没有移动，更新视图时都会发生选择主视图，然后从右下方的更新菜单中选择“更新视图中的所有帧”

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9XRlRUUi5wbmcifQ==” alt =“在此处输入图像描述”>

[请放心，如果屏幕上的所有其他内容都出了问题，重要的是在这种情况下您的按钮在视图中水平放置正确（此时您可以撤消操作并返回到更新之前的位置，更改为约束，然后再次更新，然后撤消并进行调整，像这样旋转直到您将其完美为止）

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9KVlFBUS5wbmcifQ==” alt =“在此处输入图像描述”>

现在，我将返回并将相同的方法应用于垂直对齐方式，然后将相同的方法应用于视图中的每个按钮

重要的是，您可以根据需要设置按钮的位置，居中/前导等，但是如果将其更改为顶部，则必须将对齐方式保持为超级视图的中心，否则它将约束转换，因此只有常量才能起作用不是乘数

编辑：要添加约束，您可以使用红色框来约束事物扩展和收缩到设备的边缘，如果您只想固定事物的大小，则可以使用黄色框中的约束，请记住单击添加约束底部的按钮

Answer 1

多了一些时间，所以我想我会更好地解释一下