最近每周末都會(huì)看葉孤城的直播，對(duì)于我們iOS開(kāi)發(fā)者來(lái)說(shuō)，確實(shí)是一個(gè)福利，很感謝他們的分享精神，收獲到的一些東西特此記錄下。

12月12號(hào) Masonry

昨天聽(tīng)了里脊串的視頻之后，對(duì)Masonry 有進(jìn)一步了解。

Masonry的進(jìn)一步認(rèn)識(shí)

以前用Masonry感覺(jué)就是把一些約束條件一加，就完事了，沒(méi)有進(jìn)行一些細(xì)致的了解。

首先看一下系統(tǒng)的，通過(guò)這七個(gè)參數(shù)來(lái)大致了解下

[NSLayoutConstraint constraintWithItem:self.testRedView   // 第一個(gè)視圖
                             attribute:NSLayoutAttributeTop // 第一個(gè)視圖的屬性attr1
                             relatedBy:NSLayoutRelationEqual // 兩個(gè)視圖的關(guān)系
                                toItem:self.view // 第二個(gè)視圖
                             attribute:NSLayoutAttributeTop // 第二個(gè)視圖的屬性attr1
                            multiplier:1.0 //乘
                              constant:10]; //常量

 相當(dāng)于//    view1.attr1 <relation> view2.attr2 * multiplier + constant

而Masonry中可以分為這五個(gè)參數(shù)來(lái)了解

  Attribute(屬性) ,Relation(關(guān)系),Multiplier(乘),Constant(大小),Priority(優(yōu)先級(jí))

Attribute

串哥的圖片1

leading 和 trailing 是和 left和right是相同的，只是考慮到阿拉伯國(guó)家不用左右而定的，官方就用前面一組的。

Relation

typedef NS_ENUM(NSInteger, NSLayoutRelation) {
    NSLayoutRelationLessThanOrEqual = -1, // 小于或等于
    NSLayoutRelationEqual = 0, // 相等
    NSLayoutRelationGreaterThanOrEqual = 1, //大于或等于
};

Multiplier

簡(jiǎn)單的說(shuō)，就是兩種之間的倍數(shù)，例如經(jīng)常使用

make.width.equalTo(self.view.mas_width).multipliedBy(0.5);           

Constant

就是我們常用的常量

串哥的圖片2

Priority 優(yōu)先級(jí)

串哥的圖片3

static const UILayoutPriority UILayoutPriorityRequired NS_AVAILABLE_IOS(6_0) = 1000; 
static const UILayoutPriority UILayoutPriorityDefaultHigh NS_AVAILABLE_IOS(6_0) = 750; 
static const UILayoutPriority UILayoutPriorityDefaultLow NS_AVAILABLE_IOS(6_0) = 250; 
static const UILayoutPriority UILayoutPriorityFittingSizeLevel NS_AVAILABLE_IOS(6_0) = 50;

Masonry注意點(diǎn)一

有時(shí)我們用的是NavgationController,會(huì)導(dǎo)致我們?nèi)绻苯佑?/p>

make.top.equalTo(self.view.as_top);

會(huì)被狀態(tài)欄遮住.

遮住狀態(tài)欄

所以此時(shí)我們需要注意下面幾個(gè)屬性啦

串哥的圖片4

此時(shí)可以用

 make.top.equalTo(self.mas_topLayoutGuideBottom);

代替上面 make.top.equalTo(self.view.as_top)

或者采取下面的方法，都能解決遮住狀態(tài)欄的問(wèn)題

self.edgesForExtendedLayout = UIRectEdgeNone;
self.automaticallyAdjustsScrollViewInsets = NO;

Masonry注意點(diǎn)二

串哥的圖片5

intrinsicContentSize

這個(gè)方法在我們沒(méi)有指定高度或?qū)挾鹊臅r(shí)候，它會(huì)自動(dòng)幫我們確定寬度或高度，特別是用于UILabel的時(shí)候是相當(dāng)方便的。

- (UILabel *)testLabel
{
    if(!_testLabel)
    {
        _testLabel = [[UILabel alloc] init];
        _testLabel.text = @"hjsfjhfkjfskfsdkjfdskj";
        _testLabel.numberOfLines = 0;
        _testLabel.backgroundColor = [UIColor redColor];
    }
    return _testLabel;
}

[self.view addSubview:self.testLabel];
[self.testLabel mas_makeConstraints:^(MASConstraintMaker * make){

   
    make.width.equalTo(@100);
    make.top.equalTo(@100);
    make.left.equalTo(@50);

}];

自動(dòng)計(jì)算高度

Content Priority 拉伸和壓縮

串哥的圖片-拉伸和壓縮

 [self.testLabel setContentHuggingPriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisHorizontal];
 [self.testLabel setContentCompressionResistancePriority:UILayoutPriorityDefaultLow forAxis:UILayoutConstraintAxisVertical];

這個(gè)要根據(jù)情況而定，有時(shí)會(huì)很有用的。

• setContentHuggingPriority: 優(yōu)先級(jí)越高，代表壓縮越厲害，越晚被拉伸。就是上圖中那人拉的力量更強(qiáng)。
• setContentCompressionResistancePriority:： 優(yōu)先級(jí)越高，代表拉伸越厲害，越晚被壓縮。就是上圖那人推的力量更強(qiáng)。

Masonry注意問(wèn)題三

- (NSArray *)mas_makeConstraints:(void(^)(MASConstraintMaker *make))block;
- (NSArray *)mas_updateConstraints:(void(^)(MASConstraintMaker *make))block;
- (NSArray *)mas_remakeConstraints:(void(^)(MASConstraintMaker *make))block;

/*
  mas_makeConstraints 只負(fù)責(zé)新增約束 Autolayout不能同時(shí)存在兩條針對(duì)于同一對(duì)象的約束 否則會(huì)報(bào)錯(cuò) 
  mas_updateConstraints 針對(duì)上面的情況 會(huì)更新在block中出現(xiàn)的約束 不會(huì)導(dǎo)致出現(xiàn)兩個(gè)相同約束的情況
  mas_remakeConstraints 則會(huì)清除之前的所有約束 僅保留最新的約束

  三種函數(shù)善加利用 就可以應(yīng)對(duì)各種情況了
*/

設(shè)置動(dòng)畫(huà)改變的時(shí)候，就是改變某一項(xiàng)屬性，位置或大小，此時(shí)需要用到mas_updateConstraints:

Masonry中ScrollerView

注意的是UIScrollView依靠與其subviews之間的約束來(lái)確定ContentSize的大小，所以它很特殊，我們添加約束的時(shí)候，常常額外給其添加一個(gè)ContentView,控制subViews。

UIView *container = [[UIView alloc] init];
[testScrollView addSubview:container];
[container mas_makeConstraints:^(MASConstraintMaker *make) {
    make.edges.equalTo(testScrollView);
    make.width.equalTo(testScrollView);
}];

然后最后的時(shí)候最后再根據(jù)subViews更新達(dá)到效果。

[container mas_updateConstraints:^(MASConstraintMaker *make) {
    make.bottom.mas_equalTo(subView.mas_bottom).with.offset(40);
}];

詳細(xì)的可以看串哥這篇博客.

備注

很感謝串哥，這是里脊串的博客，特此分享。作為同是長(zhǎng)沙人的我，真是我學(xué)習(xí)的榜樣啊，??。