SnapKit的擴展------添加數組控制約束,和九宮格布局,等寬,等間距等布局方式
SnapKit是Swift中的一個很好用的手動控制約束的三方庫
這里我就不介紹了
https://github.com/SnapKit/SnapKit
很多從OC轉Swift的開發者,如果之前有使用Marsonry的話.其肯定會第一時間替換使用SnapKit
是的SnapKit就是一個類似Marsonry的庫,
但是其稍微有點不足,
其沒有Marsonry中對Array的擴展,也沒有對等寬,等間距等方便的布局方式
所以使用SnapKit,我們有時候需要些很多約束條件來滿足某些特殊的需求
這里我做了簡單的擴展
https://github.com/spicyShrimp/SnapKitExtend
這里寫圖片描述
//數組布局
let arr = [view1, view2, view3, view4]
arr.snp.makeConstraints{
$0.width.height.equalTo(100)
$0.center.equalTo(CGPoint(x: CGFloat(arc4random_uniform(300)) + 50,
y: CGFloat(arc4random_uniform(300)) + 50))
}
這里寫圖片描述
let arr = [view1, view2, view3, view4]
arr.snp.makeConstraints{
$0.width.height.equalTo(100)
}
view1.snp.makeConstraints{ $0.top.equalTo(0) }
view2.snp.makeConstraints{ $0.top.equalTo(100) }
view3.snp.makeConstraints{ $0.top.equalTo(200) }
view4.snp.makeConstraints{ $0.top.equalTo(300) }
這里寫圖片描述
let arr = [view1, view2, view3, view4]
// axisType:方向
// fixedSpacing:中間間距
// leadSpacing:左邊距(上邊距)
// tailSpacing:右邊距(下邊距)
arr.snp.distributeViewsAlong(axisType: .horizontal, fixedSpacing: 10, leadSpacing: 10, tailSpacing: 10)
// 上面的可以約束x+w,還需要另外約束y+h
// 約束y和height()如果方向是縱向,那么則另外需要設置x+w
arr.snp.makeConstraints{
$0.top.equalTo(100)
$0.height.equalTo(CGFloat(arc4random_uniform(100) + 50))
}
這里寫圖片描述
let arr = [view1, view2, view3, view4]
// axisType:方向
// fixedItemLength:item對應方向的寬或者高
// leadSpacing:左邊距(上邊距)
// tailSpacing:右邊距(下邊距)
arr.snp.distributeViewsAlong(axisType: .vertical, fixedItemLength: 100, leadSpacing: 30, tailSpacing: 30)
// 上面的可以約束y+h,還需要另外約束x+w
// 約束y和height()如果方向是縱向,那么則另外需要設置y+h
arr.snp.makeConstraints{
$0.width.left.equalTo(100)
}
這里寫圖片描述
var arr: Array<ConstraintView> = [];
for _ in 0..<9 {
let subview = UIView()
subview.backgroundColor = UIColor.random
view.addSubview(subview)
arr.append(subview)
}
// 固定大小,可變中間間距,上下左右間距默認為0,可以設置
arr.snp.distributeSudokuViews(fixedItemWidth: 100, fixedItemHeight: 100, warpCount: 3)
這里寫圖片描述
var arr: Array<ConstraintView> = [];
for _ in 0..<9 {
let subview = UIView()
subview.backgroundColor = UIColor.random
view.addSubview(subview)
arr.append(subview)
}
// 固定間距,可變大小,上下左右間距默認為0,可以設置
arr.snp.distributeSudokuViews(fixedLineSpacing: 10, fixedInteritemSpacing: 10, warpCount: 3)
這份擴展是前段時間寫的,一直忘記分享出來,今天時間比較空閑,想起來,就拿出來分享給大家了
具體的demo
前往下載即可
