如何以编程方式添加具有动态宽度的约束[重复]

Question

我是 iOS 开发新手。我想构建没有情节提要或 xib/nib 的布局。所以我试图以编程方式添加约束。 我搜索了一些关于以编程方式添加约束的教程。但是视图无法正确显示。

我正在我的 ViewController 类中尝试此代码：

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.
    let testView = UIView()
    self.view.addSubview(testView)

    // Add Constraints
    self.view.translatesAutoresizingMaskIntoConstraints = false
    testView.translatesAutoresizingMaskIntoConstraints = false

    let top = NSLayoutConstraint(item: testView, attribute: .top, relatedBy: .equal
        , toItem: self.view, attribute: .top, multiplier: 1, constant: 50.0)
    let bottom = NSLayoutConstraint(item: testView, attribute: .bottom, relatedBy: .equal
        , toItem: self.view, attribute: .bottom, multiplier: 1, constant: -50.0)
    let leading = NSLayoutConstraint(item: testView, attribute: .leading, relatedBy: .greaterThanOrEqual, toItem: self.view, attribute: .leading, multiplier: 1, constant: 50.0)
    let trailing = NSLayoutConstraint(item: testView, attribute: .trailing, relatedBy: .greaterThanOrEqual, toItem: self.view, attribute: .trailing, multiplier: 1, constant: -50.0)
    self.view.addConstraints([top, bottom, leading, trailing])
}

一般来说，他们不需要在教程中定义视图的大小或宽度和高度的约束。但是可以在他们的教程中显示视图。就我而言，我的 testView 无法在应用程序中显示它，即使设置了顶部、底部、前导和尾随约束。我错过了什么吗？有什么问题？

其中一个教程： http://www.knowstack.com/swift-nslayoutconstraint-programatically-sample-code/

编辑： 让我再解释一下。我想创建一个适合通用设备的UIView。 UIView 具有顶部、底部、前导和尾随约束，constant: 10。所以，我不需要设置UIView的大小。

Expected Result (I am using draw tool to simulate the result)

Answer 1

你有两个问题：

1. 不要设置self.view.translatesAutoresizingMaskIntoConstraints = false。您只需为要添加的子视图设置translatesAutoresizingMaskIntoConstraints。

2. 您正在使用.greaterThanOrEqual 约束而不是.equal 约束。这样做的问题是留下了很大的回旋余地，并且您获得的值会导致您的 testView 具有 0 宽度。如果您更改为 .equal，这将正确限制值。

Answer 2

这是一个到屏幕底部的视图约束示例，高度等于 80：

var yourView = UIView()
yourView.translateAutoresizingMaskIntoConstraints = false
yourSuperView.addSubview(yourView)

// Pin the leading edge of yourView  to the leading edge of the main view
yourView.leadingAnchor.constraintEqualToAnchor(view.leadingAnchor).active = true

// Pin the trailing edge of yourView to the leading trailing edge
yourView.trailingAnchor.constraintEqualToAnchor(view.trailingAnchor).active = true

// Pin the bottomedge of yourView to the margin's leading edge
yourView .bottomAnchor.constraintEqualToAnchor(view.bottomAnchor).active = true

// The height of your view
yourView.heightAnchor.constraintEqualToConstant(80).active = true