自动布局无法正常工作

Question

因此，我正在创建一个仅限iPhone应用程序的肖像，所以在我的界面上工作时，我已经在紧凑的常规视图（对于所有处于纵向的iPhone中）中创建了以下界面，但它没有显示正确，如图所示在右边。有什么问题？

所以我已经完成了Chris Trahey的解决方案，看起来在预览中写了但是当我在模拟器中运行它时，它们都搞砸了。怎么了？

Answer 1

我建议如下：

1. 对于每个视图，将约束连接到它的容器并选择“等宽” - 但是然后添加一个乘数以使其实际为半宽
2. 对于左侧视图，约束导向左侧布局指南
3. 用于右视图，约束尾随到右的布局指南
4. 约束左视图和右视图的水平间距
5. 与上/下/垂直间距相同

虽然值得注意的是，您必须决定哪个更重要：视图是方形的，或视图占据垂直空间的相等份额。如果您希望它们是方形，请为每个视图添加约束，宽高比为1：1。使此优先级为1000（必需）。如果您想要垂直空间的相等份额，您可以镜像水平策略并执行“相等高度”但添加4：1乘数。

以下是我为前4个放在一起的示例。请注意左侧的约束，以及我如何在右侧表示“半高”。您应该能够将其扩展到其余部分。

Answer 2

我正在复制你的问题，并试图解决它。我是这样做的：

1. 所有左右视图都将前导和尾随空间限制为superview。
2. 顶视图约束顶边和其余视图约束在其上方查看。

3. 每个视图都设置为在容器中水平放置。对于左视图，此约束将按此编辑：

   

并引导右侧的观点。

1. 所有视图都有一个固定的高度。（视图的高度/ 4）

   希望这适合你。