使用第三方框架 Masonry 實現自動佈局

weixin_30639719發表於2020-04-05
框架

由於前兩天都在學習自動佈局的使用，但是又覺得蘋果原生的方式太過於麻煩，而且也不易於理解，昨天聽人說了有個第三方框架也可以實現自動佈局的功能，然後在https://github.com/上找到了Mansonry這個框架，使用起來真的減少了很多時間，而且程式碼直觀，更加容易理解。

送上原始碼地址：https://github.com/Masonry/Masonry

以上說明了與參照控制元件的關係中三種條件的對應替代方法。

 

以上說明了上下左右等屬性的對應替代屬性。

 

一些設定約束的方法，更多內容請參考網站說明。

1 //設定約束
2 - (NSArray *)mas_makeConstraints:(void(^)(MASConstraintMaker *))block;
3 
4 //如果之前已經有約束,則更新新的約束,如果沒有約束,則新增約束
5 - (NSArray *)mas_updateConstraints:(void(^)(MASConstraintMaker *))block;
6 
7 //將之前的約束全部刪除,新增新的約束
8 - (NSArray *)mas_remakeConstraints:(void(^)(MASConstraintMaker *make))block;

以下為程式碼使用實現佈局效果：

 1     //新增兩個控制元件
 2     UIView *blueView = [[UIView alloc] init];
 3     blueView.backgroundColor = [UIColor blueColor];
 4     blueView.translatesAutoresizingMaskIntoConstraints = NO;
 5     [self.view addSubview:blueView];
 6     
 7     UIView *redView = [[UIView alloc] init];
 8     redView.backgroundColor = [UIColor redColor];
 9     redView.translatesAutoresizingMaskIntoConstraints = NO;
10     [self.view addSubview:redView];
11 
12     //給藍色View設定約束
13     [blueView mas_makeConstraints:^(MASConstraintMaker *make) {
14         make.left.equalTo(self.view.mas_left).offset(30);//和父view的左邊間距為30;
15         make.bottom.equalTo(self.view.mas_bottom).offset(-30);//和父view的底部間距為30;
16         make.right.equalTo(redView.mas_left).offset(-30);//和紅色view的間距為30;
17         make.height.mas_equalTo(50);//藍色view的高度為50
18     }];
19     
20     //給紅色View設定約束
21     [redView mas_makeConstraints:^(MASConstraintMaker *make) {
22         make.right.equalTo(self.view.mas_right).offset(-30);//和父view的右邊間距為30;
23         make.bottom.equalTo(blueView.mas_bottom);//和藍色view的底部對齊
24         make.height.equalTo(blueView.mas_height);//和藍色view的高度相等
25         make.width.equalTo(blueView.mas_width);//和藍色view的寬度相等
26     }];

 

效果圖如下：

用了這個框架之後，再對比之前使用程式碼佈局的效果，感覺就是一個天一個地啊，而且在某些地方使用block感覺比使用delegate更加實用和簡捷方便，看來以後還是要多逛逛https://github.com/還是會得到很多收穫的。

轉載於:https://www.cnblogs.com/xiaomoge/p/4283111.html

相關文章