为什么我的自定义UITableViewCell堆栈的子窗口小部件相互叠加？

Question

我有一个我在故事板中设计的自定义UITableViewCell。自定义单元格包含标签和文本字段。标签应位于单元格的左侧，文本字段应位于右侧。但无论我尝试什么样的约束组合（将文本字段的右侧约束到单元格的右侧，将文本字段的左侧与标签间隔300像素等等），文本字段始终结束当我运行我的应用程序时，堆叠在标签上。

这是故事板的一部分的屏幕截图

在此图像中，文本字段的后端设置为其父级的尾随边距。

这就是它在应用程序中的样子。

这是我的自定义表格单元格类的代码：

class ItemRowCell: UITableViewCell {
@IBOutlet weak var itemDescription: UILabel!
@IBOutlet weak var quantity: UITextField!

override func awakeFromNib() {
    super.awakeFromNib()
    // Initialization code
}

override func setSelected(_ selected: Bool, animated: Bool) {
    super.setSelected(selected, animated: animated)

    // Configure the view for the selected state
}

}

Answer 1

你设置错误了...我建议，重新开始。

删除当前的标签和文本字段。

为您的单元格原型添加一个新标签，并将Leading Constraint设置为0，将Vertical Constraint设置为Centered - 应如下所示：

添加一个新的文本字段，并将尾随约束设置为0，将垂直约束设置为居中，将宽度约束设置为80：

重新连接@IBOutlets，然后运行该应用。