iOS开发 | swift中自动布局框架SnapKit的使用
OC有masonry，swift有SnapKit。
熟悉masonry的同学上手SnapKit非常快，因为语法很像。
这里记录一下常用的几个方法：
先创建一个红色view：
|
1
2
3
4
|
let redView = UIView()self.view.addSubview(redView) redView.backgroundColor = UIColor.red |
创建约束
|
1
2
3
4
5
6
|
// 创建约束redView.snp.makeConstraints { (make) in
// 距离上左下右各20
make.top.left.equalToSuperview().offset(20)
make.bottom.right.equalToSuperview().offset(-20)
} |
更新约束
|
1
2
3
4
5
|
// 更新约束redView.snp.updateConstraints { (make) in
// 距离底部100
make.bottom.equalTo(-100)
} |
重新设置约束
|
1
2
3
4
5
|
// 重新设置约束redView.snp.remakeConstraints { (make) in
// 距离四边100
make.edges.equalTo(UIEdgeInsetsMake(100, 100, 100, 100))
} |
label宽度自适应（不设置宽度即可）
|
1
2
3
4
5
6
7
8
9
10
11
|
// label宽度自适应(不设置宽度)let label = UILabel()self.view.addSubview(label)label.text = "这是一个绿色label"
label.backgroundColor = UIColor.greenlabel.font = UIFont.systemFont(ofSize: 15)label.snp.makeConstraints { (make) in
make.left.equalToSuperview()
make.height.equalTo(20)
make.bottom.equalTo(-60)
} |
并排的两个label，优先让其中一个宽度自适应（别扯我）
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
// 并排的两个label，优先让右边的label宽度自适应// 左边的labellet leftLabel = UILabel()self.view.addSubview(leftLabel)leftLabel.backgroundColor = UIColor.lightGrayleftLabel.text = "这是左边的label"
leftLabel.font = UIFont.systemFont(ofSize: 12)// 右边的labellet rightLabel = UILabel()self.view.addSubview(rightLabel)rightLabel.backgroundColor = UIColor.orangerightLabel.text = "这是右边的label，优先宽度自适应内容"
rightLabel.font = UIFont.systemFont(ofSize: 12)// 别扯我，谢谢(这就是右边label优先宽度自适应的关键代码)rightLabel.setContentHuggingPriority(1000, for: UILayoutConstraintAxis.horizontal);
leftLabel.snp.makeConstraints { (make) in
make.left.equalToSuperview()
make.bottom.equalTo(-20)
make.height.equalTo(20)
}rightLabel.snp.makeConstraints { (make) in
make.left.equalTo(leftLabel.snp.right)
make.bottom.height.equalTo(leftLabel)
make.right.equalToSuperview()
} |
效果：
Demo