前言：

 回想起2013年做iOS開發(fā)的時候，那時候并沒有采用手寫布局代碼的方式，而是采用xib文件來編寫，如果使用純代碼方式是基于window的size(320,480)計算出一個相對位置進行布局，那個時候windows的size是固定不變的，隨著iphone5的發(fā)布，windows的size(320,568)也發(fā)生了變化，而采用autoresizingMask的方式進行適配，到后來iphone 6之后windows size的寬度也隨之變化，開始拋棄autoresizingMask改用autolayout了，使用autolayout進行適配我也是最近重新做iOS開發(fā)才接觸的，公司使用Masonry框架進行布局適配。所以學(xué)習(xí)使用這個布局框架對我來說至關(guān)重要，它大大提高了開發(fā)效率而且最近使用起來很多語法和Android有很大的相似之處。

創(chuàng)新互聯(lián)公司服務(wù)項目包括禹王臺網(wǎng)站建設(shè)、禹王臺網(wǎng)站制作、禹王臺網(wǎng)頁制作以及禹王臺網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，禹王臺網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到禹王臺省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

什么是Masonry？

  Masonry是一個輕量級的布局框架，擁有自己的描述語法，采用更優(yōu)雅的鏈?zhǔn)秸Z法封裝自動布局、簡潔明了、 并具有高可讀性、 而且同時支持 iOS 和 Max OS X。

如何使用？

1.）引入頭文件

我這里是在全局引用pch文件中引用的

#import "Masonry.h"

2.）基本語法

Masonry提供的屬性

• @property (nonatomic, strong, readonly) MASConstraint *left;//左側(cè)

• @property (nonatomic, strong, readonly) MASConstraint *top;//上側(cè)

• @property (nonatomic, strong, readonly) MASConstraint *right;//右側(cè)

• @property (nonatomic, strong, readonly) MASConstraint *bottom;//下側(cè)

• @property (nonatomic, strong, readonly) MASConstraint *leading;//首部

• @property (nonatomic, strong, readonly) MASConstraint *trailing;//尾部

• @property (nonatomic, strong, readonly) MASConstraint *width;//寬

• @property (nonatomic, strong, readonly) MASConstraint *height;//高

• @property (nonatomic, strong, readonly) MASConstraint *centerX;//橫向居中

• @property (nonatomic, strong, readonly) MASConstraint *centerY;//縱向居中

• @property (nonatomic, strong, readonly) MASConstraint *baseline;//文本基線

Masonry提供了三個函數(shù)方法

• - (NSArray *)mas_makeConstraints:(void(^)(MASConstraintMaker *make))block; //新增約束

• - (NSArray *)mas_updateConstraints:(void(^)(MASConstraintMaker *make))block;//更新約束

• - (NSArray *)mas_remakeConstraints:(void(^)(MASConstraintMaker *make))block;//清楚之前的所有約束,只會保留最新的約束

我們根據(jù)不同的使用場景來選擇使用不同的函數(shù)方法。

3.）具體舉例

 比如一個往父控件中添加一個上下左右與父控件間距為50的子視圖

添加約束

    UIView *tempView=[[UIView alloc]init];
    tempView.backgroundColor=[UIColor greenColor];
    [self.view addSubview:tempView];
    
    [tempView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(50);
        make.right.mas_equalTo(-50);
        make.top.mas_equalTo(50);
        make.bottom.mas_equalTo(-50);
    }];

等價于

    UIView *tempView=[[UIView alloc]init];
    tempView.backgroundColor=[UIColor greenColor];
    [self.view addSubview:tempView];
    
    [tempView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(self.view.mas_left).offset(50);
        make.right.equalTo(self.view.mas_right).offset(-50);
        make.top.equalTo(self.view.mas_top).offset(50);
        make.bottom.equalTo(self.view.mas_bottom).offset(-50);
    }];

也可以簡化為下面這種

    UIView *tempView=[[UIView alloc]init];
    tempView.backgroundColor=[UIColor greenColor];
    [self.view addSubview:tempView];
    
    [tempView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.edges.mas_equalTo(UIEdgeInsetsMake(50, 50, 50, 50));
    }];

又等價于

    UIView *tempView=[[UIView alloc]init];
    tempView.backgroundColor=[UIColor greenColor];
    [self.view addSubview:tempView];
    
    [tempView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.edges.equalTo(self.view).insets(UIEdgeInsetsMake(50, 50, 50, 50));
    }];

更新約束

    [tempView mas_updateConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(50);
        make.right.mas_equalTo(-50);
        make.top.mas_equalTo(100);
        make.bottom.mas_equalTo(-100);
    }];

清除之前的約束保留最新的

    [tempView mas_remakeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(100);
        make.right.mas_equalTo(-100);
        make.top.mas_equalTo(100);
        make.bottom.mas_equalTo(-100);
    }];

特別注意：

  聲明約束必須在視圖添加到父試圖上面之后調(diào)用。

4.）mas_equalTo與equalTo

 上面的舉例中分別使用了mas_equalTo和equalTo達到了同樣的效果，我在剛開始使用Masonry的時候很容易混淆他們兩個，今天特意分析一下他們的區(qū)別。mas_equalTo是一個MACRO,比較的是值，equalTo比較的是id類型。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

本文標(biāo)題：IOS控件布局之Masonry布局框架-創(chuàng)新互聯(lián)
網(wǎng)站地址：http://sd-ha.com/article10/dceedo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、網(wǎng)站設(shè)計公司、品牌網(wǎng)站制作、移動網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)、網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)