使用自动布局缩放垂直堆叠的按钮

Question

我有4个按钮，下面有UILabel。它在iPhone 6上看起来不错，但是我无法让按钮与Auto Layout保持相同的配置。我尝试过限制宽高比和边缘距离，但宽高比仍然会失真。我暂时删除了所有限制。

我应该采取什么方法？

Answer 1

关键是使用相等的高度约束（红色=橙色，橙色=蓝色，蓝色=紫色）和垂直间距零（红色和橙色之间的相同方式）

将标签固定在底部（我的示例中的白色视图）。

按钮的前导和尾随也固定到超视图的边框以定义水平尺寸。

Answer 2

请按照以下步骤完成您的要求。

为每个按钮添加标签＆＃34; 垂直间距＆＃34; ＆安培; ＆＃34;的中心-Y ＆＃34;

第一个按钮是superView＆＃34; 顶部空间到顶部布局指南＆＃34;。

它的最后一个按钮＆＃34; 底部空间到底部布局指南＆＃34;。

将每个按钮设置为超级查看＆＃34; 垂直居中容器＆＃34;。

修复按钮 - 标签;高度和高度宽度。

Answer 3

要实现此目的，您必须为每个元素添加前导空格，尾随空格，顶部空间和纵横比的约束。

按钮的约束：

标签约束：