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

时间:2018-06-05 15:56:44

标签: ios swift nslayoutconstraint screen-orientation device-orientation

我有一个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>:未知的布局属性'

我忍不住想我会以错误的方式解决这个问题。在方向改变上添加新约束的方式是什么?我在添加子视图后尝试添加等宽约束,但是我得到了同样的错误。我之前从未真正以编程方式添加约束,所以这些对我来说都是未知的。这里最好的方法是什么?

1 个答案:

答案 0 :(得分:1)

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

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

我建议您使用布局锚点。他们更容易写和阅读:

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)
])