Github
官方文檔
安裝SnapKit
source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '10.0'
use_frameworks!
target '<Your Target Name>' do
pod 'SnapKit', '~> 3.2.0'
end
入門示例
import UIKit
import SnapKit
class ViewController: UIViewController {
lazy var box = UIView()
override func viewDidLoad() {
super.viewDidLoad()
//在屏幕中間設(shè)置個(gè)110正方形
box.backgroundColor = UIColor.green
self.view.addSubview(box)
box.snp.makeConstraints{ (make) -> Void in
make.width.height.equalTo(110)
make.center.equalTo(self.view)
}
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
}
image.png
NSLayoutAttributeCenterX 視圖的中點(diǎn)的X值
NSLayoutAttributeCenterY 視圖中點(diǎn)的Y值
NSLayoutAttributeBaseline 視圖的基準(zhǔn)線
- 修正約束語(yǔ)法:
.equalTo：等于
.lessThanOrEqualTo：小于等于
.greaterThanOrEqualTo：大于等于
- 倍率修正, 使用multipliedBy實(shí)例:
override func viewDidLoad() {
super.viewDidLoad()
var box = UIView()
box.backgroundColor = UIColor.green
self.view.addSubview(box)
box.snp.makeConstraints{ (make) -> Void in
make.width.height.equalTo(110)
make.center.equalTo(self.view)
}
var two = UILabel()
two.backgroundColor = UIColor.yellow
self.view.addSubview(two)
//使two控件為box控件的0.3倍大小
two.snp.makeConstraints{ (make) in
make.center.equalTo(box)
make.size.equalTo(box).multipliedBy(0.3)
}
}
actionBut.snp.makeConstraints{ (make) in
//actionBut 與orangeBox偏移30 make.top.equalTo(orangeBox.snp.bottom).offset(30)
make.width.equalTo(220)
make.height.equalTo(35)
make.centerX.equalTo(self.view)
}
image.png
