想在Imanou Petit的回答中添加一些理论概念，这样人们就可以了解自动布局是如何工作的。

要理解自动布局，请将您的视图视为橡胶的对象，最初是收缩的。

要在屏幕上放置一个对象，我们需要4件强制性的事情:

物体的X坐标(水平位置)。 物体的Y坐标(垂直位置) 对象的宽度 物体的高度。

X坐标:有多种方式给视图X坐标。

如前向约束，后向约束，水平中心 等。

2 Y坐标:给视图Y坐标有多种方式:

如顶部约束，底部约束，垂直中心等。

有两种方法来限制一个视图的宽度:

a.添加固定宽度约束(将此约束视为固定宽度的铁棒，并与橡胶对象水平挂钩，使橡胶对象不会收缩或膨胀)

b.不要添加任何宽度约束，而是在视图的前端和前端添加x坐标约束，这两个约束将通过从前端和前端拉动橡胶对象来扩展/收缩。

对象的高度:类似于宽度，有两种方法来限制视图的高度:

a.添加固定高度约束(将此约束视为固定高度的铁棒，并与橡胶物体垂直挂钩，使橡胶物体不会收缩或膨胀)

b.不要添加任何高度约束，但在视图的顶部和底部两端添加x坐标约束，这两个约束将从两端、顶部和底部拉伸/推动橡胶对象。

想在Imanou Petit的回答中添加一些理论概念，这样人们就可以了解自动布局是如何工作的。

要理解自动布局，请将您的视图视为橡胶的对象，最初是收缩的。

要在屏幕上放置一个对象，我们需要4件强制性的事情:

物体的X坐标(水平位置)。 物体的Y坐标(垂直位置) 对象的宽度 物体的高度。

X坐标:有多种方式给视图X坐标。

如前向约束，后向约束，水平中心 等。

2 Y坐标:给视图Y坐标有多种方式:

如顶部约束，底部约束，垂直中心等。

有两种方法来限制一个视图的宽度:

a.添加固定宽度约束(将此约束视为固定宽度的铁棒，并与橡胶对象水平挂钩，使橡胶对象不会收缩或膨胀)

b.不要添加任何宽度约束，而是在视图的前端和前端添加x坐标约束，这两个约束将通过从前端和前端拉动橡胶对象来扩展/收缩。

对象的高度:类似于宽度，有两种方法来限制视图的高度:

a.添加固定高度约束(将此约束视为固定高度的铁棒，并与橡胶物体垂直挂钩，使橡胶物体不会收缩或膨胀)

b.不要添加任何高度约束，但在视图的顶部和底部两端添加x坐标约束，这两个约束将从两端、顶部和底部拉伸/推动橡胶对象。

如果你想要填充你的超级视图，那么我建议快速的方法:

view.translatesAutoresizingMaskIntoConstraints = false
let attributes: [NSLayoutAttribute] = [.top, .bottom, .right, .left]
NSLayoutConstraint.activate(attributes.map {
    NSLayoutConstraint(item: view, attribute: $0, relatedBy: .equal, toItem: view.superview, attribute: $0, multiplier: 1, constant: 0)
})

否则，如果你需要非相等的约束检查NSLayoutAnchor作为iOS 9。使用NSLayoutConstraint直接读取通常要容易得多:

view.translatesAutoresizingMaskIntoConstraints = false
view.topAnchor.constraint(equalTo: view.superview!.topAnchor).isActive = true
view.bottomAnchor.constraint(equalTo: view.superview!.bottomAnchor).isActive = true
view.leadingAnchor.constraint(equalTo: view.superview!.leadingAnchor, constant: 10).isActive = true
view.trailingAnchor.constraint(equalTo: view.superview!.trailingAnchor, constant: 10).isActive = true

基本上有3个步骤

fileprivate func setupName() { 

    lblName.text = "Hello world"

    // Step 1
    lblName.translatesAutoresizingMaskIntoConstraints = false

    //Step 2
    self.view.addSubview(lblName)

    //Step 3
    NSLayoutConstraint.activate([
        lblName.centerXAnchor.constraint(equalTo: self.view.centerXAnchor),
        lblName.centerYAnchor.constraint(equalTo: self.view.centerYAnchor)
    ])
}

这将把标签“hello world”置于屏幕中心。

请参考链接自动布局约束编程

它帮助我直观地学习，所以这是一个补充答案。

样板代码

override func viewDidLoad() {
    super.viewDidLoad()

    let myView = UIView()
    myView.backgroundColor = UIColor.blue
    myView.translatesAutoresizingMaskIntoConstraints = false
    view.addSubview(myView)

    // Add constraints code here
    // ...
}

下面的每个例子都是相互独立的。

引脚左边缘

myView。leading = leadingMargin + 20

方法1:锚式

let margins = view.layoutMarginsGuide
myView.leadingAnchor.constraint(equalTo: margins.leadingAnchor, constant: 20).isActive = true

除了leadingAnchor，还有trailingAnchor, topAnchor和bottomAnchor。

方法2:NSLayoutConstraint样式

NSLayoutConstraint(item: myView, attribute: NSLayoutAttribute.leading, relatedBy: NSLayoutRelation.equal, toItem: view, attribute: NSLayoutAttribute.leadingMargin, multiplier: 1.0, constant: 20.0).isActive = true

除了。leading，还有。tailed，。top，和。bottom。 除了。leadingmargin，还有。trailingmargin， . topmargin和.bottom margin。

设置宽度和高度

宽度= 200 高度= 100

方法1:锚式

myView.widthAnchor.constraint(equalToConstant: 200).isActive = true
myView.heightAnchor.constraint(equalToConstant: 100).isActive = true

方法2:NSLayoutConstraint样式

NSLayoutConstraint(item: myView, attribute: NSLayoutAttribute.width, relatedBy: NSLayoutRelation.equal, toItem: nil, attribute: NSLayoutAttribute.notAnAttribute, multiplier: 1, constant: 200).isActive = true
NSLayoutConstraint(item: myView, attribute: NSLayoutAttribute.height, relatedBy: NSLayoutRelation.equal, toItem: nil, attribute: NSLayoutAttribute.notAnAttribute, multiplier: 1, constant: 100).isActive = true

集装箱中心

myView。centerX = centerX myView。世纪=世纪

方法1:锚式

myView.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
myView.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true

方法2:NSLayoutConstraint样式

NSLayoutConstraint(item: myView, attribute: NSLayoutAttribute.centerX, relatedBy: NSLayoutRelation.equal, toItem: view, attribute: NSLayoutAttribute.centerX, multiplier: 1, constant: 0).isActive = true
NSLayoutConstraint(item: myView, attribute: NSLayoutAttribute.centerY, relatedBy: NSLayoutRelation.equal, toItem: view, attribute: NSLayoutAttribute.centerY, multiplier: 1, constant: 0).isActive = true

笔记

锚的风格是首选的方法超过NSLayoutConstraint风格，但它只适用于iOS 9，所以如果你是支持iOS 8，那么你仍然应该使用NSLayoutConstraint风格。 上面的例子只显示了我们所关注的一两个约束条件。然而，为了在我的测试项目中正确地放置myView，我需要有四个约束。

进一步的阅读

以编程方式创建约束文档

如果你觉得上面的内容很难看。您应该考虑使用DSL进行约束。比如SnapKit 使约束API更加用户友好

view.snp.makeConstraints { make in
    make.edges.equalToSuperview()
}