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的时候,需要确保这么使用后,你的控件的宽度,高度等不能为负值,不然会有一堆警告影响运行速度
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容