如何以编程方式调整已经有约束的 UIButton 的大小？

Question

我有一个 UIButton，我已将其设置为距视图左侧 8 点和距视图底部 8 点。我目前将宽度和高度设置为 >= 32 点。

但是，我希望按钮在更大的显示器上更大。我想出了如何设置约束，以便按钮始终处于相同的纵横比（在我的情况下为正方形）并且始终为其父视图宽度的 10%，但这意味着当设备旋转时，按钮会变得越来越小随着视野越来越宽，我不希望那样。我希望它是最短边的 10%。

在封闭的 ViewController 代码中很容易得到我想要的宽度：

let buttonWidth = 0.1 * (self.view.bounds.width < self.view.bounds.height ? self.view.bounds.width : self.view.bounds.height)

但是我如何正确地将它应用到按钮上，以及情节提要中应该设置哪些约束？整个界面当前在情节提要中定义。

我是否直接更新边界？约束？多重约束？在约束的情况下，我完全不熟悉如何在代码中处理它们。

Answer 1

如果你的按钮有约束，你需要通过这种方式找到它：

button.superview?.constraints.forEach { constraint in
  if constraint.firstItem === button &&
     constraint.firstAttribute == .width {
     constraint.constant = 20
     return
  } 
}       
self.view.layoutIfNeeded() 

或者您可以为您的约束创建一个 IBOutlet 并更改它的常量。

Answer 2

仅使用情节提要无法实现您想要的，因为您想选择屏幕最小的一侧并获得其中的 10%。在代码中你可以很容易地做到这一点。

1. 首先，您需要设置宽度约束的 IBOutlet。 See this answer for detailed explanation
2. 然后根据计算的大小更改 IBOutlet 宽度约束的常数。只要您的纵横比为 1:1，它就会自动将高度更改为宽度。

let buttonWidth = 0.1 * min(self.view.bounds.width, self.view.bounds.height)

self.yourWidthConstraint.constant = buttonWidth

self.view.layoutIfNeeded()

Answer 3

编辑：如果您想在设备旋转时保持相同的宽度/高度，请忘记故事板中的宽度限制（但保持宽高比为 1）。像这样以编程方式创建宽度约束：

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.

    // Equivalent: Width of self.button equals 0.1 * width of self.view
    let widthConstraint = NSLayoutConstraint(item: self.button,
                                        attribute: NSLayoutAttribute.Width,
                                        relatedBy: NSLayoutRelation.Equal,
                                           toItem: nil,
                                        attribute: NSLayoutAttribute.NotAnAttribute,
                                       multiplier: 1.0,
                                         constant: 0.1 * CGRectGetWidth(self.view.bounds))

    self.view.addConstraint(widthConstraint)
    self.view.layoutIfNeeded()
}

---

如果您创建宽度约束和纵横比约束，它不会变得越来越宽。

Ctrl + 拖动按钮到内容视图，然后选择等宽。然后使用 multiplier = 0.1 编辑该约束。所以你的按钮宽度总是等于设备宽度的 10%。

然后创建一个纵横比约束，按钮不会变窄。

Answer 4

我认为您应该探索 Apple 的 size classes API。您可以在 Interface Builder 中为所有特定情况设置按钮的约束，即更小和更大的设备、纵向和横向。

更多详情：About Designing for Multiple Size Classes

Answer 5

试试这个：

your_button.frame.size.width = buttonWidth

或者您可以添加/更改约束：

let widthConstraint = NSLayoutConstraint (item: your_button, attribute: NSLayoutAttribute.Width, relatedBy: NSLayoutRelation.Equal, toItem: nil, attribute: NSLayoutAttribute.NotAnAttribute, multiplier: 1, constant: buttonWidth)
your_button.view.addConstraint(widthConstraint)