Swift--SnapKit

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› 移动开发›Swift 教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

SnapKit是专门为Swift语言提供AutoLayout布局使用的，特点为语法简洁易用。

        let subview = UIView()
        subview.backgroundColor = UIColor.redColor()
        view.addSubview(subview)
        
        subview.snp_makeConstraints { (make) in
            // subview距离父试图的上下左右边距各为20.0
            make.top.equalTo(view).offset(20.0)
            make.left.equalTo(view).offset(20.0)
            make.right.equalTo(view).offset(-20.0)
            make.bottom.equalTo(view).offset(-20.0)
        }

也可以这样写：

        let subview = UIView()
        subview.backgroundColor = UIColor.redColor()
        view.addSubview(subview)
        
        subview.snp_makeConstraints { (make) in
            // subview距离父试图的上下左右边距各为20.0
            make.edges.equalTo(view).inset(UIEdgeInsetsMake(20, 20, 20, 20))
        }

SnapKit不止局限于等于：

.equalTo：等于。
.lessThanOrEqualTo：小于等于。
.greaterThanOrEqualTo：大于等于。

视图属性：

view.snp_left NSLayoutAttribute.Left：左
view.snp_right NSLayoutAttribute.Right：右
view.snp_top NSLayoutAttribute.Top：上
view.snp_bottom NSLayoutAttribute.Bottom：下
view.snp_leading NSLayoutAttribute.Leading：开始
view.snp_trailing NSLayoutAttribute.Trailing：结束
view.snp_width NSLayoutAttribute.Width：宽度
view.snp_height NSLayoutAttribute.Height：高度
view.snp_centerX NSLayoutAttribute.CenterX：中心点X
view.snp_centerY NSLayoutAttribute.CenterY：中心点Y
view.snp_baseline NSLayoutAttribute.Baseline：基线

以下两种写法等效：

make.left.lessThanOrEqualTo(view)
make.left.lessThanOrEqualTo(view.snp_left)

自动布局允许将宽度和高度属性设置为常量值。如果你想对视图设置一个最小和最大宽度，你必须先给他一个初始的平等块：

// 大于等于200 小于等于400
make.width.greaterThanOrEqualTo(200.0)
make.width.lessThanOrEqualTo(400.0)
// 设置为常量
make.width.equalTo(300.0)

优先级：

.priority：允许指定一个确切的优先级
.priorityHigh：最高优先级
.priorityMedium：一般优先级
.priorityLow：最低优先级

一般优先级都是在链式的最后：

make.left.lessThanOrEqualTo(view.snp_left).priorityLow()
make.top.equalTo(view).offset(44.0).priority(600)

edges(边缘):

            // subview的上下左右 等同于view
            make.edges.equalTo(view)
            
            // 下面代码等同于 
            // top = view.top + 10; left = view.left + 5;
            // bottom = view.bottom - 15; right = view.bottom - 20;
            make.edges.equalTo(view).inset(UIEdgeInsetsMake(10, 5, 15, 20))

size(尺寸):

            // subview的尺寸小于等于view
            make.size.lessThanOrEqualTo(view)
            // 以下代码等同于 width = view.width - 100; height = view.height - 50
            make.size.equalTo(view).offset(CGSizeMake(-100, -50))

center(中心点):

            // subview的中心点等于view
            make.center.equalTo(view)
            // 以下代码等同于 center.x = view.center.x - 20; center.y = view.center.y + 30
            make.center.equalTo(view).offset(CGPointMake(-20, 30))

串行:

            make.top.right.left.equalTo(view)
            make.bottom.equalTo(view).offset(-20)

约束操作：

有时候你需要修改已经存在的约束为了移动或者移除、代替约束。在SnapKit 有一些不同的方法更新约束，你可以通过将约束的结果赋值给一个局部变量或一个类属性来保持一个特定的约束的引用。您还可以将多个约束引用存储在数组中。

// 声明属性
var topContraints: Constraint?

// 设置约束 并赋值
subview.snp_makeConstraints { (make) in
    topContraints = make.top.equalTo(view).offset(20).constraint
    make.bottom.left.right.equalTo(view)
}

// 对约束操作
override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {
    topContraints?.updateOffset(64)
}

Contraints有多种方法，有卸载，装载，更新等具体可进入文件内观看。

更新Contraints：

    override func updateViewConstraints() {
        super.updateViewConstraints()
        // 当更新一个视图的约束时 可以使用updateContraints 而不是 makeContraints
        subview.snp_updateConstraints { (make) in
            make.edges.equalTo(view).inset(UIEdgeInsetsMake(20, 20, 20, 20))
        }
    }

其次是remakeContraints，它的做法是：删除之前SnapKit做的约束后再设置新的约束。