和Masonry一样，SnapKit是一套轻量级的布局框架，同样适用链式语法封装Apple的自动布局约束。
导入
1
2
3
4
| platform :ios, '7.0'
use_frameworks!
pod 'SnapKit', '~> 0.12.0'
|
约束对应的属性
| ViewAttribute |
NSLayoutAttriubute |
说明 |
| view.snp_left |
NSLayoutAttributeLeft |
左侧 |
| view.snp_top |
NSLayoutAttributeTop |
上侧 |
| view.snp_right |
NSLayoutAttributeRight |
右侧 |
| view.snp_bottom |
NSLayoutAttributeBottom |
下侧 |
| view.snp_leading |
NSLayoutAttributeLeading |
首部 |
| view.snp_trailing |
NSLayoutAttributeTrailing |
尾部 |
| view.snp_width |
NSLayoutAttributeWith |
宽 |
| view.snp_height |
NSLayoutAttributeHeight |
高 |
| view.snp_centerX |
NSLyoutAttributeCenterX |
横向中点 |
| view.snp_centerY |
NSLyoutAttributteCenterY |
纵向中点 |
| view.snp_baseline |
NSLayoutAttributeBaseline |
文本基准线 |
居中
1
2
3
4
5
6
| let view1 = UIView()
view1.backgroundColor = getColor(0x6FBFAC)
view.addSubview(view1)
view1.snp_makeConstraints{(make)->Void in
make.edges.equalTo(view).insets(UIEdgeInsetsMake(20, 20, 20, 20))
}
|
等宽
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
| let view2 = UIView()
let view3 = UIView()
view2.backgroundColor = getColor(0xE5395F)
view3.backgroundColor = getColor(0x402516)
view1.addSubview(view2)
view1.addSubview(view3)
view1.addSubview(view4)
view2.snp_makeConstraints{(make)->Void in
make.top.equalTo(view1.snp_top).offset(20)
make.width.equalTo(view3)
make.left.equalTo(view1.snp_left).offset(20)
make.right.equalTo(view3.snp_left).offset(-20)
make.height.equalTo(200)
}
view3.snp_makeConstraints{(make)->Void in
make.top.equalTo(view1.snp_top).offset(20)
make.width.equalTo(view2)
make.right.equalTo(view1.snp_right).offset(-20)
make.left.equalTo(view2.snp_right).offset(-20)
make.height.equalTo(200)
}
|
相对在下
1
2
3
4
5
6
| view4.snp_makeConstraints{(make)->Void in
make.width.equalTo(view1).offset(-40)
make.centerX.equalTo(view.snp_centerX)
make.top.equalTo(view2.snp_bottom).offset(20)
make.bottom.equalTo(view1.snp_bottom).offset(-20)
}
|
在使用自动布局的时候只要记住View需要大小、间隔、位置(中心点、X、Y)常见的布局都可以完成
例子可以在https://github.com/SeniorZhai/SnapDemo看到
更多用法可以参考文档
