目录
  1. 1. SnapKit知识点整理
iOS SnapKit自动布局框架的学习整理

SnapKit知识点整理

SnapKit是一种DSL,可在iOS和OS X上简化自动布局。

安装:

Cocoapods:

1
2
3
4
5
6
platform :ios, '10.0'
use_frameworks!

target '<你的项目名>' do
pod 'SnapKit', '~> 5.0.0'
end

Carthage:

1
2
3
$ brew update
$ brew install carthage
github "SnapKit/SnapKit" ~> 5.0.0

使用:

1、实现一个宽高为100,居于当前视图的中心的视图布局,示例代码如下

1
2
3
4
5
6
7
let testView = UIView()
testView.backgroundColor = UIColor.cyan
view.addSubview(testView)
testView.snp.makeConstraints { (make) in
make.width.height.equalTo(100) // 链式语法直接定义宽高
make.center.equalToSuperview() // 直接在父视图居中
}

2、View2位于View内并且距离View1的边距均为20px

1
2
3
4
5
6
7
8
9
10
11
12
13
// 黑色视图作为父视图
let view1 = UIView()
view1.frame = CGRect(x: 0, y: 0, width: 300, height: 300)
view1.center = view.center
view1.backgroundColor = UIColor.black
view.addSubview(view1)

// 测试视图
let view2 = UIView()
view2.backgroundColor = UIColor.red
view1.addSubview(view2)
view2.snp.makeConstraints { (make) in
make.edges.equalToSuperview().inset(UIEdgeInsets(top: 20, left: 20, bottom: 20, right: 20))}

3、Snapkit 的 greaterThanOrEqualTo 属性

文章作者: 李财
文章链接: http://moneylee.cn/2020/06/03/iOS%20SnapKit%E8%87%AA%E5%8A%A8%E5%B8%83%E5%B1%80%E6%A1%86%E6%9E%B6%E7%9A%84%E5%AD%A6%E4%B9%A0%E6%95%B4%E7%90%86/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 MoneyLee’s Blog
打赏
  • 微信
  • 支付宝

评论