快捷導(dǎo)航

iOS masonry的使用方法

更新時(shí)間：2021年09月06日 10:34:19 作者：軒墨️

這篇文章主要介紹了iOS masonry的基本使用方法的相關(guān)資料，文章還介紹了CocoaPods的安裝過(guò)程，需要的朋友可以參考下面文字內(nèi)容

iOS masonry的基本使用

前言：

在寫(xiě)OC的UI時(shí)，當(dāng)在不同的機(jī)型上運(yùn)行時(shí)，如果只用frame則會(huì)導(dǎo)致視圖中的控件嚴(yán)重變形，這是因?yàn)椴煌瑱C(jī)型的屏幕大小不一樣，所以這周學(xué)習(xí)了masonry，掌握了一些基本用法。在使用第三方庫(kù)Masonry之前，需要先安裝CocoaPods。

一、CocoaPods的安裝

安裝教程

安裝好后，創(chuàng)建一個(gè)工程“test2”，創(chuàng)建結(jié)束后在終端輸入以下代碼：

cd /Users/haoqianbiao/Desktop/test2 //文件的路徑

然后在終端輸入：

touch PodFile

之后我們的文件里就多了一個(gè)Podfile的文件

然后在該文件里輸入：

platform :ios, '7.0'
target 'test2' do
pod 'Masonry'
end
//target后面的單引號(hào)里是你工程的名字

最后一步是在終端讀取PodFile找到相關(guān)類庫(kù)下載并自動(dòng)集成到項(xiàng)目中，同時(shí)生成新的*.xcworkspace文件：
之后就直接打開(kāi)xcworkspace文件進(jìn)行編程就可以了。

二、Masonry的基本使用

1、三個(gè)約束和基礎(chǔ)API

/添加新約束

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

//更新約束，會(huì)覆蓋之前的約束

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

//完全移除舊約束，添加新約束（重置）

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

equalTo()       參數(shù)是對(duì)象類型，一般是視圖對(duì)象或者mas_width這樣的坐標(biāo)系對(duì)象
mas_equalTo()   和上面功能相同，參數(shù)可以傳遞基礎(chǔ)數(shù)據(jù)類型對(duì)象，可以理解為比上面的API更強(qiáng)大

width()         用來(lái)表示寬度，例如代表view的寬度
mas_width()     用來(lái)獲取寬度的值。和上面的區(qū)別在于，一個(gè)代表某個(gè)坐標(biāo)系對(duì)象，一個(gè)用來(lái)獲取坐標(biāo)系對(duì)象的值

示例：

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    UILabel* label = [[UILabel alloc] init];
    [self.view addSubview:label];
    [label mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerX.equalTo(self.view);
                            make.top.equalTo(self.view).offset(100);
                             make.size.mas_equalTo(CGSizeMake(200, 50));
    }];
    label.backgroundColor = [UIColor blackColor];
    UIButton* button = [UIButton buttonWithType:UIButtonTypeCustom];
    [self.view addSubview:button];
    [button mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerX.equalTo(label);
        make.top.equalTo(label.mas_bottom).offset(100);
        make.size.mas_equalTo(CGSizeMake(200, 50));
    }];
    [button setBackgroundColor:[UIColor yellowColor]];
    [button setTitle:@"更新約束" forState:UIControlStateNormal];
    [button addTarget:self action:@selector(press:) forControlEvents:UIControlEventTouchUpInside];
    [button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
}

-(void) press:(UIButton*) btn {
    [btn mas_updateConstraints:^(MASConstraintMaker *make) {
        make.size.mas_equalTo(CGSizeMake(100, 100));
    }];
}

效果：