• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

Swift--SnapKit

原作者: [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做的约束后再设置新的约束。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap