ios - 以编程方式定义的约束 Swift iOS

Question

我有一个 UICollectionView。我还有以下在代码中生成的 View :

let messageInputContainerView: UIView = {
    let view = UIView()
    view.backgroundColor = UIColor.whiteColor()
    return view
}()

现在，我想添加 messageInputContainerView，使其附加到屏幕底部，而 UICollectionView 就在其正上方。目前我有以下限制:

view.addSubview(messageInputContainerView)
    view.addConstraintsWithFormat("H:|[v0]|", views: messageInputContainerView)
    view.addConstraintsWithFormat("V:[v0(48)]", views: messageInputContainerView)

    bottomConstraint = NSLayoutConstraint(item: messageInputContainerView, attribute: .Bottom, relatedBy: .Equal, toItem: view, attribute: .Bottom, multiplier: 1, constant: 0)
    view.addConstraint(bottomConstraint!)

问题在于 collectionView 现在也触及屏幕底部，并且两个 View 重叠。我尝试用以下约束解决这个问题:

let newConstraint = NSLayoutConstraint(item: messageInputContainerView, attribute: .Top, relatedBy: .Equal, toItem: self.collectionView! , attribute: .Bottom, multiplier: 1, constant: 0)

view.addConstraint(newConstraint)

然而这只是通过一堆错误:

016-05-30 19:50:26.153 City[1858:79868] Unable to simultaneously satisfy constraints.
	Probably at least one of the constraints in the following list is one you don't want. 
	Try this: 
		(1) look at each constraint and try to figure out which you don't expect; 
		(2) find the code that added the unwanted constraint or constraints and fix it. 
	(Note: If you're seeing NSAutoresizingMaskLayoutConstraints that you don't understand, refer to the documentation for the UIView property translatesAutoresizingMaskIntoConstraints) 
(
    "<NSAutoresizingMaskLayoutConstraint:0x7fece04d10e0 h=-&- v=-&- UICollectionView:0x7fece08c0a00.midY == UICollectionViewControllerWrapperView:0x7fece04125f0.midY>",
    "<NSAutoresizingMaskLayoutConstraint:0x7fece04d1150 h=-&- v=-&- UICollectionView:0x7fece08c0a00.height == UICollectionViewControllerWrapperView:0x7fece04125f0.height>",
    "<NSLayoutConstraint:0x7fece049a460 V:[UIView:0x7fece04992d0(48)]>",
    "<NSLayoutConstraint:0x7fece04d7620 UIView:0x7fece04992d0.bottom == UICollectionViewControllerWrapperView:0x7fece04125f0.bottom>",
    "<NSLayoutConstraint:0x7fece04a9990 V:[UICollectionView:0x7fece08c0a00]-(0)-[UIView:0x7fece04992d0]>"
)

Will attempt to recover by breaking constraint 
<NSLayoutConstraint:0x7fece04a9990 V:[UICollectionView:0x7fece08c0a00]-(0)-[UIView:0x7fece04992d0]>

Make a symbolic breakpoint at UIViewAlertForUnsatisfiableConstraints to catch this in the debugger.
The methods in the UIConstraintBasedLayoutDebugging category on UIView listed in <UIKit/UIView.h> may also be helpful.

Answer 1

请查看基本tutorials用于自动布局。它只会为您提供 IB 和约束所需的背景知识。

调试日志通常是您所需要的 - 它会告诉您问题的确切信息。让我们详细考虑一下

NSLayoutConstraint:0x7fece04a9990 V:[UICollectionView:0x7fece08c0a00]-(0)-[UIView:0x7fece04992d0]

UICollectionView:0x7fece08c0a00 - 这是您的 Collection View ，很简单UIView:0x7fece04992d0 - 这是您的 messageInputContainerView - 从以下约束中可以清楚地看出:

"<NSLayoutConstraint:0x7fece049a460 V:[UIView:0x7fece04992d0(48)]>"

这行代码生成的:

view.addConstraintsWithFormat("V:[v0(48)]", views: messageInputContainerView)

因此，如果您看到 - uicollection View 具有 NSAutoresizingMaskLayoutConstraint - 那么，这些 View 是默认生成的。您有两种方法 - 通过 IB 设置您的 Collection View 约束 - 设置 leading、trainling、top(您需要的任何值)和值为 48 的 bottom 约束。

第二个 - 以编程方式删除自动生成的约束并添加新约束，如下所示:

[collectionView removeConstraints: [collectionView constraints]]; 
        // top constraint
    view.addConstraint(NSLayoutConstraint(item: self.collectionView, attribute: .Top, relatedBy: .Equal, toItem: view, attribute: .Top, multiplier: 1, constant: 0))
    // leading constraint
    view.addConstraint(NSLayoutConstraint(item: self.collectionView, attribute: .Leading, relatedBy: .Equal, toItem: view, attribute: .Leading, multiplier: 1, constant: 0))
    // trailing constaint
    view.addConstraint(NSLayoutConstraint(item: self.collectionView, attribute: .Trailing, relatedBy: .Equal, toItem: view, attribute: .Trailing, multiplier: 1, constant: 0))
    // your constraint
    let newConstraint = NSLayoutConstraint(item: messageInputContainerView, attribute: .Top, relatedBy: .Equal, toItem: self.collectionView! , attribute: .Bottom, multiplier: 1, constant: 0)

    view.addConstraint(newConstraint)

希望这对您有所帮助。