Swift -- SnapKit

Snapkit

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做的约束后再设置新的约束。

转载于:https://www.cnblogs.com/Alex-sk/p/5611314.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值