首页 > 解决方案 > 具有标签和文本字段的表格视图单元格,并且彼此之间的空间相等

问题描述

我想用具有文本字段的单元格创建一个表格视图。让我抓狂的是 label 和 textField 之间的间距,因为我希望所有单元格中的间距相等。

为了更好地解释,请查看此屏幕截图。

示例用户界面

因此,我正在寻找一种获得Second LabelSecond textField之间间距的好方法,并将其也设置在其他单元格上。

有没有办法在情节提要中做到这一点,而不是通过在代码中编辑约束?

标签: swiftuitableviewstoryboarduitextfield

解决方案


我建议:

  1. 使用水平堆栈视图来保存标签和文本字段,它们之间有一些间距,比如 10。

  2. 将标签的宽度约束设置为固定值。

详细情况如下:

  1. 将水平堆栈视图添加到单元格的 contentView
  2. 设置 stackview 约束以用一些边距填充 contentView:例如。前导:20,尾随 20,前 10,后 10。
  3. 将标签和文本字段添加到堆栈视图中。
  4. 在 stackview 的属性检查器中,将间距设置为 10。
  5. 将标签的宽度约束设置为 100,或 0.3:1 设置为 contentView 的宽度

所以标签将有一个固定的宽度,标签和文本字段之间的固定间距,文本字段将占用所有剩余的水平空间。


推荐阅读