更新框架/约束以在方向更改时以编程方式添加 UIView

Question

我有一个 UIView，我正在使用 viewDidLoad 中的以下代码以编程方式添加它

dropMenuView = YNDropDownMenu(frame: CGRect(x: 0.0, y: 0, width: UIScreen.main.bounds.width, height: 40.0), dropDownViews: [typeView, brandView, priceView], dropDownViewTitles:["Type", "Brand", "Price"])
self.view.addSubview(dropMenuView)

上面的代码为当前方向创建了一个具有正确宽度的视图，但是如果用户改变他们的设备方向，视图的宽度不会更新。我尝试在 viewWillTransitionTo 中添加新约束：

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
    let widthConstraint = NSLayoutConstraint(item: dropMenuView, attribute: NSLayoutAttribute.width, relatedBy: NSLayoutRelation.equal, toItem: self.view, attribute: NSLayoutAttribute.notAnAttribute, multiplier: 1, constant: 100)

    dropMenuView.addConstraints([widthConstraint])
    dropMenuView.layoutIfNeeded()
}

我在上面的代码上尝试了许多突变，试图让它工作。通常我得到的错误是： 'NSLayoutConstraint for >: 未知布局属性'

我不禁认为我以错误的方式处理这件事。在方向上添加新的约束是否会改变要走的路？添加子视图后，我尝试仅添加等宽约束，但出现相同的错误。我以前从未真正以编程方式添加约束，所以这些对我来说是未知的水域。这里最好的方法是什么？

Answer 1

在方向更改期间添加约束不是一个好主意。如果您要这样做，您需要删除之前添加的约束以避免过度约束您的视图。

您尝试创建的约束不正确。当您将nil 作为第二个视图传递时，您只使用.notAnAttrubute。

我建议您改用布局锚点。它们更易于书写和阅读：

dropMenuView = YNDropDownMenu(frame: CGRect.zero, dropDownViews: [typeView, brandView, priceView], dropDownViewTitles:["Type", "Brand", "Price"])
self.view.addSubview(dropMenuView)

// you need to set this if you are adding your own constraints and once
// yet set it, the frame is ignored (which is why we just passed CGRect.zero
// when creating the view)
dropMenuView.translatesAutoresizingMaskIntoConstraints = false

// Create the constraints and activate them.  This will set `isActive = true`
// for all of the constraints.  iOS knows which views to add them to, so
// you don't have to worry about that detail  
NSLayoutConstraint.activate([
    dropMenuView.topAnchor.constraint(equalTo: view.topAnchor),
    dropMenuView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
    dropMenuView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
    dropMenuView.heightAnchor.constraint(equalToConstant: 40)
])