ios - 如何使用自动布局创建总宽度的百分比？

Question

我需要创建三个动态列，每个列占总宽度的固定百分比。不是三分之一，而是不同的值。例如，下图显示了三列:第一列宽 42%，第二列宽 25%，第三列宽 33%。

对于跨 View Controller 的 600 像素，分别为 252、150 和 198 像素。

但是，对于任何后续显示尺寸(即 iPhone 4 横向(960 宽)或 iPad 2 纵向(768 宽)，我希望相对百分比相同(不是上面引用的像素宽度)。

有没有办法使用 Storyboard(即无需代码)来做到这一点？我可以在代码中轻松做到这一点，但我的目标是将尽可能多的这种显示逻辑放入 Storyboard 中。

Answer 1

如果像您所说的那样，您知道如何在代码中执行此操作，那么您已经知道如何在 Storyboard中执行此操作。它是完全相同的约束，但您是在视觉上而不是在代码中创建它们。

1. 同时选择一个 View 及其父 View 。

2. 选择 Editor -> Pin -> Widths Equally 将宽度限制为等于父 View 的宽度(实际上 Canvas 底部的“pin”弹出对话框在这里效果最好)。

3. 编辑约束并将乘数设置为所需的分数，例如0.42。其他 View 也是如此。