如何正确设置4s的自动布局约束？

Question

嗨我有屏幕，我设置了约束，但是在预览中看到的视图变得错位...请建议我如何设置约束，以便调整所有屏幕。

但是在4s中进行预览时，它会从位置

移位

Answer 1

案例1 - 高度固定时       1. button1-给出约束导致边距，顶部（imageview）和水平间距（button2），固定高度。       2. button2-给出约束顶部（imageview）和水平间距（button3），固定高度。       3. button3-给出约束顶部（imageview）和水平间距（button4），固定高度。       4. button4-给出约束顶部（imageview）和尾随边距，修复高度。       5.选择一个按钮，按下命令后选择剩余按钮进入引脚选项[右侧向下]，选择相等的宽度。

案例2 - 高度不固定时       1. button1-给出约束导致边距，顶部（imageview）和水平间距（button2），底部（底部布局指南）。       2. button2-给出约束顶部（imageview）和水平间距（button3），底部（底部布局指南）。       3. button3-给出约束顶部（imageview）和水平间距（button4），底部（底部布局指南）。       4. button4-给出约束顶部（imageview）和尾部到边距，底部（底部布局指南）。       5.选择一个按钮，按下命令后选择剩余按钮进入引脚选项[右侧朝下]，选择相等的宽度和相等的高度。

注意 - 在第二种情况下，按钮高度更大，因为我们给出了底部布局约束。        在此，您可以使用大于或等于选项来获得相等的高度约束。

Answer 2

对于提供自动布局的任何视图，您必须提供正确的X，Y，宽度及其高度。因此，从顶部和左侧开始，您必须提供这些约束。首先将UIView拖动到storyboard并提供与Viewcontroller相同的宽度。然后给出约束。 这里，视图的约束： 领先的容器边际空间， 追踪到容器边际， 水平居中，最后 高度或垂直居中（根据您的标准）

Answer 3

确保您没有相对于边距约束按钮。保证金因设备而异。在约束编辑器中单击“第一项”并确保“相对于边距”未选中（或者确保所有对象都相对于边距）。