垂直自动布局子视图

Posted 2023-03-12

【中文标题】垂直自动布局子视图

【英文标题】：Autolayout subview vertically

【发布时间】：2014-10-09 11:40:02

【问题描述】：

我正在尝试为视图控制器设置自动布局，其中子视图垂直对齐，如图所示。我想要的结果是，当屏幕尺寸发生变化时，每个子视图都会缩放但保持纵横比并对齐中心，除了最后一个需要有足够的空间用于其中的文本字段和按钮

到目前为止我所尝试的：

为除最后一个子视图之外的每个子视图设置宽高比所需的约束 一个 在每个子视图之间设置垂直间距高约束 将垂直间距设置为上边框所需的第一个约束 子视图 为每个子视图设置前导和尾随空格低约束 将垂直间距设置为最后一个所需的底部边框约束 子视图

尽管我尝试过，但当屏幕尺寸发生变化时，只有第一个和最后一个子视图会缩放（更大或更小），但我希望它们都按上述方式相应缩放。我应该设置哪个约束来实现它？

【参考方案1】：

如果您希望所有这些都按比例缩放，则需要添加约束以保持它们的大小之间的关系。指定第二个矩形具有第一个高度的一半，依此类推。

【讨论】：

感谢您的建议，我会尝试并稍后反馈