在开发项目中,为了适配各种尺寸的设备,我们通常使用Auto Layout来进行布局的约束,storyboard,xib是xcode提供的故事版布局,虽然他们可以完成大多数的布局,但是一些相对比较复杂的布局缺并不能轻易的实现
Auto Layout是Xcode提供的一种布局方式,可以通过代码来实现约束,但是他的使用却比较困难,而通过snapkit这个开源的框架,我们能够奇松的视线布局的约束
SnapKit的简单使用
let label = UILabel().then {
$0.font = .systemFont(ofSize: 20)
$0.textColor = .white
$0.backgroundColor = .blue
}
self.view.addSubview(label)
label.snp.makeConstraints {
$0.center.equalToSuperview()
$0.width.equalTo(screeW)
$0.height.equalToSuperview().multipliedBy(0.5)
}
- 初始化一个控件(label),这里使用的then语法
- 添加到控制器的视图当中
- SnapKit自动布局,这一步一定要在addsubview后面去完成,否则会报错
SnapKit的使用说明
- center:表示的中心原点(当然也可以设置centerX:X轴,centerY:Y轴),equalToSuperview:相对于父类,
multipliedBy:表示倍数,
equalTo:可以直接是数值,也可以是snp的值- $0.edges.equalTo(UIEdgeInsetsMake(10, 10, 10, 10)): 直接使用edg来设置上下左右的间距。
注意:使用edg的时候,需要确保这么使用后,你的控件的宽度,高度等不能为负值,不然会有一堆警告影响运行速度