Snapkit的简单使用(一)

在开发项目中,为了适配各种尺寸的设备,我们通常使用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的时候,需要确保这么使用后,你的控件的宽度,高度等不能为负值,不然会有一堆警告影响运行速度

你可能感兴趣的:(Snapkit的简单使用(一))