带按钮的Multine线标签

Question

如何使标签多行带有旁边的按钮。多行无需按钮即可正常工作。我应该如何设置按钮的尾随常数，以使其随标签的长度一起移动。请查看屏幕截图。

增加文字将我的按钮移开。

任何建议都值得赞赏。谢谢！

Answer 1

您需要为按钮及其超级视图设置正确的约束。另外，按钮的大小也很重要。

在您的情况下，代码非常简单，可以说我是使用Snapkit自动布局工具编写的：

attendeeLabel.snp.makeConstraints { make in
  make.top.centerY.bottom.equalToSuperview()
  make.left.equalToSuperview().offset(15)
}

cancelButton.snp.makeConstraints { make in
  make.top.equalTo(attendeeLabel.snp.top).offset(10)
  make.left.equalTo(attendeeLabel.snp.right).offset(5)
  make.right.lessThanOrEqualToSuperview() // <-- this will keep the button on the right side of the label, but will not exceed the superview
  make.width.height.equalTo(22) // <-- this is the size of the close button
}

Answer 2

请按照我的步骤

第一步： 添加标签和按钮。

第二步：

第3步：

第4步：

第5步：

根据您的要求添加其他约束。

它可能会帮助您。谢谢。