视图的底部和右侧约束是负面的

Question

这是一个将子视图固定到UIView实例的方法。请原谅混乱的代码，我一直在尝试让它工作。

open static func withEmbeddedView(_ view: UIView, andFixedHeight height: CGFloat) -> PMGAlertControllerEmbedComponent {
    let base = PMGAlertControllerEmbedComponent(frame: CGRect.zero)
    base.addSubview(view)
    view.translatesAutoresizingMaskIntoConstraints = false
    base.translatesAutoresizingMaskIntoConstraints = false
    let left = NSLayoutConstraint(item: view, attribute: .left, relatedBy: .equal, toItem: base, attribute: .left, multiplier: 1, constant: 0)
    let right = NSLayoutConstraint(item: view, attribute: .right, relatedBy: .equal, toItem: base, attribute: .right, multiplier: 1, constant: 0)
    let top = NSLayoutConstraint(item: view, attribute: .top, relatedBy: .equal, toItem: base, attribute: .top, multiplier: 1, constant: 0)
    let bottom = NSLayoutConstraint(item: view, attribute: .bottom, relatedBy: .equal, toItem: base, attribute: .bottom, multiplier: 1, constant: 0)
    base.addConstraints([left, right, top, bottom])
    view.addConstraint(NSLayoutConstraint(item: view, attribute: .height, relatedBy: .equal, toItem: nil, attribute: .notAnAttribute, multiplier: 1, constant: height))
    base.leftConstraint = left
    base.rightConstraint = right
    base.topConstraint = top
    base.bottomConstraint = bottom
    base.layoutIfNeeded()
    return base
}

现在这本身工作正常，但是一旦我尝试在其他地方修改这些约束的常量，比如将它们设为 16 以添加一些填充，右约束和底部约束就会相反！那么，子视图不是比超级视图小 16 分，而是大 16 分？顶部和左侧的行为符合预期。

请注意，如果我将顶部和左侧设置为 16，但将底部和右侧设置为 -16，则会产生所需的结果，但我不应该这样做吗？我哪里出错了？

非常感谢。

Answer 1

约束中项的顺序很重要。

改变

let bottom = NSLayoutConstraint(item: view, attribute: .bottom, relatedBy: .equal, toItem: base, attribute: .bottom, multiplier: 1, constant: 0)
let right = NSLayoutConstraint(item: view, attribute: .right, relatedBy: .equal, toItem: base, attribute: .right, multiplier: 1, constant: 0)

自

let bottom = NSLayoutConstraint(item: base, attribute: .bottom, relatedBy: .equal, toItem: view, attribute: .bottom, multiplier: 1, constant: 0)
let right = NSLayoutConstraint(item: base, attribute: .right, relatedBy: .equal, toItem: view, attribute: .right, multiplier: 1, constant: 0)

试着这样想：把第二项当作原点。 如果值为正，则第一项位于第二项的右/底方向。 如果该值为负数，则表示方向向左，向上到第二项。

由于您要将view放在base 中，并且您希望约束中的正值，因此您需要使用 base 作为第一项，view作为约束中的第二项(原点(。所以这意味着当约束的常数为正时，base在右/下到view。

Answer 2

听起来很疯狂。 现在不能看它，但我倾向于在故事板中设置约束，为它们创建出口并更改它们，如下所示：

self.menuTopConstraint.constant = 64

会将菜单的顶部约束向下移动到导航栏的底部。

要将我的主视图向下滑动菜单的高度：

self.mainViewBottomConstraint.constant = self.indexHeight * -1

欣赏它并不能正面解决问题。 当我有更多的时间时可以看看。