具有相对宽度/高度的 IOS8 自动布局

Question

我需要使用单个 UIControl 自动布局故事板 UIView。UIControl 应该居中，需要具有 1:1 的纵横比，并且应该始终使用 90% 的超级视图宽度或高度，具体取决于设备方向而不进行剪裁。

我添加了 4 个约束

1. 中心 Y 对齐 - 视图 - 超级视图
2. 中心 X 对齐 - 视图 - 超级视图
3. 等宽 - 视图 - 超级视图，乘数设置为 0.9
4. 纵横比 - 视图 - 乘数设置为 1:1 的视图

此设置在纵向模式下工作正常，但在横向模式下失败。（见下图）

我需要什么样的约束来解决这个问题。如果设备旋转，我是否必须更改约束？

时尚人像

横向模式 - 错误

横向模式 - 样机。这就是我想要的。

Answer 1

这是一种方法：

1. 从上面列出的四个约束开始：中心 X、中心 Y、等宽（0.9 乘数）和纵横比，所有的优先级都是 1000。
2. 将 Equal Widths 的优先级更改为 750。这将允许 Auto Layout 在必要时忽略或修改此约束。
3. 添加一个 Equal Heights (View - Superview) 约束，但不是等于，而是使用乘数为 0.9 的小于或等于。将其优先级保留为 1000。

现在，当您处于纵向时，Auto Layout 将能够像以前一样将红色框的宽度设为 90%，从而满足您的所有约束。当您切换到横向时，等高约束将确保红色框不会超过高度的 90%，因为此约束具有 1000 优先级，但自动布局也会使框尽可能大以尝试最好地服务于等宽约束。