現(xiàn)在可視化編程成為一種熱流，大大的減少了我們程序開發(fā)的時間，提高了我開發(fā)的效率锰镀。但是作為一個程序員，我們不但要會新的知識咖刃，還要去學習舊的東西泳炉。如果我們?nèi)チ斯窘邮值氖抢铣绦騿T寫的，他沒有用可視化嚎杨，而是用了純了代碼約束花鹅，那么我們該如何去做？所以在這里我向大家簡單的演示一下 Masonry 的使用磕潮，因為 Masonry 是大部分公司經(jīng)常用到的一個純代碼約束第三方翠胰，它是對 NSLayoutConstraint 進行了分裝，就好比 FMDB 是對 Sqlite 的封裝自脯，方便了程序員的使用
首先我們需要使用 cocoapods 去 pod search masonry
pod 'Masonry', '~> 0.6.3'
#######import <Masonry/Masonry.h>
1、簡單視圖創(chuàng)建
UIView *view1 = [[UIView alloc]init];
view1.backgroundColor = [UIColor yellowColor];
[self.view addSubview:view1];
[view1 mas_makeConstraints:^(MASConstraintMaker *make) {
// 設(shè)置view1的大小
make.size.mas_equalTo(CGSizeMake(100, 100));
//設(shè)置view1的中心點
make.center.equalTo(self.view);
}];
這里我們需要注意一個地方膏潮，在創(chuàng)建視圖的時候我們并不需要給它 frame 锻狗，直接 init 即可，直接將其添加到視圖上轻纪，然后在對其進行約束設(shè)置。再次強調(diào)Ｉ３缰凇！先添加視圖航厚，再對其進行約束顷歌。約束用到 mas_makeConstraints 這個方法
2蚜退、邊距設(shè)置
在 collectionView 的 Item 中第租，我們經(jīng)常會設(shè)置 item 的EdgeInsets，那么 Masonry 也給我們提供了去設(shè)置邊距的方法吨娜，我們一起來看一下
UIView *view2 = [[UIView alloc]init];
view2.backgroundColor = [UIColor redColor];
[view1 addSubview:view2];
[view2 mas_makeConstraints:^(MASConstraintMaker *make) {
// 設(shè)置view2距離view1的邊距
make.edges.mas_equalTo(UIEdgeInsetsMake(10, 10, 10, 10));
}];
3麻顶、綜合
說了這么多赦抖，有人會說我寫的都不在重點上舱卡，我們經(jīng)常用到的約束都是距離某個view的上下左右多少，那么我們來綜合演示一下
UIView *view3 = [[UIView alloc]init];
view3.backgroundColor = [UIColor redColor];
[self.view addSubview:view3];
[view3 mas_makeConstraints:^(MASConstraintMaker *make) {
// 設(shè)置view3的大小
make.size.mas_equalTo(CGSizeMake(300, 200));
// 設(shè)置view3的中心
make.center.equalTo(self.view);
}];
UIView *view4 = [[UIView alloc]init];
view4.backgroundColor = [UIColor blueColor];
[view3 addSubview:view4];
[view4 mas_makeConstraints:^(MASConstraintMaker *make) {
// view4和view3在一條水平線上
make.centerY.equalTo(view3.mas_centerY);
// view4的左邊距離view3的左邊10
make.left.equalTo(view3.mas_left).with.offset(10);
// view4的右邊距離view3的中心點10
make.right.equalTo(view3.mas_centerX).with.offset(-10);
// view4的頂部距離view3的頂部10
make.top.equalTo(view3.mas_top).with.offset(10);
// view4的底部距離view3的底部10
make.bottom.mas_equalTo(view3.mas_bottom).with.offset(-10);
}];
UIView *view5 = [[UIView alloc]init];
view5.backgroundColor = [UIColor yellowColor];
[view3 addSubview:view5];
[view5 mas_makeConstraints:^(MASConstraintMaker *make) {
// view5和view3在一條水平線上
make.centerY.equalTo(view3.mas_centerY);
// view5的右邊邊距離view3的右邊10
make.right.equalTo(view3.mas_right).with.offset(-10);
// view5的左邊距離view3的中心點10
make.left.equalTo(view3.mas_centerX).with.offset(10);
// view5的頂部距離view3的頂部10
make.top.equalTo(view3.mas_top).with.offset(10);
// view5的底部距離view3的底部10
make.bottom.mas_equalTo(view3.mas_bottom).with.offset(-10);
}];
在這里為什么距離還有負的呢摹芙？這塊一個點：我們iOS坐標系中上左為正灼狰，下右為負
快過年了，提前祝大家新年快樂浮禾！工作順利交胚！
如有雷同，你就是抄我的盈电！?????? --大展
