IOS 堆栈视图 - 多个水平文本字段

Posted 2023-02-27

【中文标题】IOS 堆栈视图 - 多个水平文本字段

【英文标题】：IOS Stack View - Multiple Horizontal TextFields

【发布时间】：2016-04-15 22:47:08

【问题描述】：

我一辈子都无法在 IB 中创建一个简单的 4 列文本字段视图。

我需要一个看起来像这样的布局，但无法获得堆栈视图来为每个尺寸的设备在屏幕上隔开编辑字段。我已经为工具栏的顶部/左侧/右侧和高度创建了一个约束。然后为常规标签创建了一个堆栈，然后为 1x、1.5x、2x 和 3x 创建了一个堆栈，但是我无法让它们填充屏幕的宽度，以便它们对所有设备都这样做。选择每个 TextField 并将它们添加到堆栈中，然后选择填充后，它们就消失了吗？

【问题讨论】：

你是否在堆栈视图和屏幕边缘之间添加了约束？

是的，设置约束来拥抱左右边缘。然后，如果您查看堆栈的大小检查器，它的 194 并变灰（看起来可能是 4 个文本字段宽度的总和 - 如果您选择其中任何一个，它们也会变灰）。

【参考方案1】：

所以@dan 让我想到了约束。我最终为每一行重新创建一个堆栈，将分布设置为相等，然后设置父堆栈的左右约束。 （还增加了 15 个间距并使用相等的间距为其提供更多空间）。该控件有效，但想知道这是否是呈现此视图的最佳方式。 （还会收到大量“运行时帧会有所不同”的警告。