swift约束之SnapKit的使用方式

SnapKit是swift语言下的第三方约束开源库，与OC中的Masonry相似（因为是同一个团队开发的）。

SnapKit中的常用属性有：

top(上)、left(左)、right(右)、bottom(下)、width(长)、height(宽)、centerX (横向中点)、 centerY(纵向中点)

扔个栗子：

       

        let view1 = UIView()

        view1.backgroundColor = UIColor.greenColor()

        self.view.addSubview(view1)

        

        view1.snp_makeConstraints { (make) in

            

            //距self.view的上边20

            make.top.equalTo(self.view).offset(20)

            //距self.view的左边30

            make.left.equalTo(self.view).offset(30)

            //距self.view的右边30（右边数字前要加减号,不然会变成超出右边30）

            make.right.equalTo(self.view).offset(-30)

            //距self.view的下边50（下边数字前要加减号,不然会变成超出下边50）

            make.bottom.equalTo(self.view).offset(-50)

        }

效果：

再举一个：

       

        let view2 = UIView()

        view2.backgroundColor = UIColor.brownColor()

        self.view.addSubview(view2)

        

        view2.snp_makeConstraints { (make) in

            

            //距view1的上边50

            make.top.equalTo(view1).offset(50)

            //距view1的左边50

            make.left.equalTo(view1).offset(50)

            //设置长为100

            make.width.equalTo(100)

            //设置高为60

            make.height.equalTo(60)

        }

效果:

最后一个栗子：

        let view3 = UIView()

        view3.backgroundColor = UIColor.blueColor()

        self.view.addSubview(view3)

        

        view3.snp_makeConstraints { (make) in

            

            //横向坐标等于view1

            make.centerX.equalTo(view1)

            //纵向坐标等于view1(横和纵都相等就等于对view1居中)

            make.centerY.equalTo(view1)

            //长等于view2的2倍

            make.width.equalTo(view2).multipliedBy(2)

            //高等于view2的3分之一

            make.height.equalTo(view2).dividedBy(3)

        }

效果: