表格视图单元格中的标签和文本字段之间的空间相等。

Posted 2023-01-13

我想创建一个有文本字段的单元格的表格视图，让我抓狂的是标签和文本字段之间的间距，因为我希望所有单元格的间距相等。

为了更好的解释，请看一下这个截图。

所以，我在寻找一个好的方法来获得标签和文本字段之间的间距。第二标签 和 第二个文本字段 并在其他单元格上也这样设置。

有什么方法可以在故事板上完成，而不是在代码中编辑约束？

答案

我建议

1. 用一个水平的堆栈视图来放置标签和textField，中间有一些间距，比如10。

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

具体操作如下。

1. 在单元格的contentView中添加一个水平的stackview。
2. 设置stackview的约束条件，以填充内容视图的一些边距：例如，前导。20，尾部20，顶部10，底部10。
3. 在stackview中添加一个标签和一个textField。
4. 在stackview的属性检查器中，设置间距为10。
5. 设置标签的宽度约束为100，或内容视图的宽度为0.3:1。

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