Masonry


#import "ViewController.h"
//define this constant if you want to use Masonry without the 'mas_' prefix
// 只要在導(dǎo)入Masonry主頭文件之前定義這個宏, 那么以后在使用Masonry框架中的屬性和方法的時候, 就可以省略mas_前綴
// 如果這個宏是在導(dǎo)入了Masonry.h之后定義, 那么無效
#define MAS_SHORTHAND

//define this constant if you want to enable auto-boxing for default syntax
// 只要在導(dǎo)入Masonry主頭文件之前定義這個宏,那么就可以讓equalTo函數(shù)接收基本數(shù)據(jù)類型, 內(nèi)部會對基本數(shù)據(jù)類型進行包裝
#define MAS_SHORTHAND_GLOBALS

#import "Masonry.h"

@interface ViewController ()
/**
 */
@property (nonatomic,weak)UIView *redView;
/**
 *  <#注釋#>
 */
@property (nonatomic,weak)UIView *blueView;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // 1.創(chuàng)建控件
    UIView *redView = [[UIView alloc] init];
    redView.backgroundColor = [UIColor redColor];
    
    UIView *blueView = [[UIView alloc] init];
    blueView.backgroundColor = [UIColor blueColor];
    
    // 2.將控件添加到父控件中
    [self.view addSubview:redView];
    self.redView = redView;
    [self.view addSubview:blueView];
    self.blueView = blueView;
    
    // 3.禁用Autoresizing
    redView.translatesAutoresizingMaskIntoConstraints = NO;
    blueView.translatesAutoresizingMaskIntoConstraints = NO;
    
    // 4.添加約束
    // 4.1設(shè)置藍色的約束
    [blueView makeConstraints:^(MASConstraintMaker *make) {
        make.top.equalTo(self.view.top).offset(20); // y
        make.left.equalTo(self.view.left).offset(20); // x
        make.right.equalTo(self.view.right).offset(-20); // w
        make.height.equalTo(50);
        
    }];
    // 4.2設(shè)置紅色的約束
    [redView makeConstraints:^(MASConstraintMaker *make) {
        make.top.equalTo(blueView.bottom).offset(20);
        make.right.equalTo(blueView.right);
        make.height.equalTo(blueView.height);
        make.width.equalTo(blueView.width).multipliedBy(0.5);
    }];
    
}

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    // makeConstraints: 每次都會添加新的約束
    /*
    [self.redView makeConstraints:^(MASConstraintMaker *make) {
        make.top.equalTo(self.blueView.bottom).offset(100);
    }];
     */
    // updateConstraints: 專門用于更新約束的, 如果沒有約束會創(chuàng)建一個新的 如果有直接修改以前的
    /*
    [self.redView updateConstraints:^(MASConstraintMaker *make) {
        make.top.equalTo(self.blueView.bottom).offset(100);
    }];
     */
    
    // remakeConstraints: 清空約束, 刪除約束
    [self.redView remakeConstraints:^(MASConstraintMaker *make) {
        
    }];
}

- (void)demo2
{
    // 1.創(chuàng)建控件
    UIView *redView = [[UIView alloc] init];
    redView.backgroundColor = [UIColor redColor];
    // 2.將控件添加到父控件中
    [self.view addSubview:redView];
    // 3.禁用Autoresizing
    redView.translatesAutoresizingMaskIntoConstraints = NO;
    // 4.添加約束
    /*
     // and / with masonry中的這兩個屬性沒有任何含義, 僅僅用于提高閱讀性
     [redView mas_makeConstraints:^(MASConstraintMaker *make) {
     make.top.equalTo(self.view.mas_top).with.offset(20);
     make.left.equalTo(self.view.mas_left).offset(20);
     //        make.width.equalTo(@100);
     //        make.height.equalTo(@100);
     //        make.width.height.equalTo(@100);
     make.width.and.height.equalTo(@100);
     }];
     */
    
    // 去掉mas_前綴
    //[redView mas_makeConstraints:^(MASConstraintMaker *make) {
    [redView makeConstraints:^(MASConstraintMaker *make) {
        //        make.top.equalTo(self.view.mas_top).with.offset(20);
        make.top.equalTo(self.view.top).with.offset(20);
        make.left.equalTo(self.view.mas_left).offset(20);
        
        //        make.width.and.height.equalTo(@100);
        //        make.width.and.height.mas_equalTo(100);
        make.width.and.height.equalTo(100);
    }];
}

- (void)demo
{
    // 1.創(chuàng)建控件
    UIView *redView = [[UIView alloc] init];
    redView.backgroundColor = [UIColor redColor];
    // 2.將控件添加到父控件中
    [self.view addSubview:redView];
    // 3.禁用Autoresizing
    redView.translatesAutoresizingMaskIntoConstraints = NO;
    // 4.添加約束
    /*
     [redView mas_makeConstraints:^(MASConstraintMaker *make) {
     make.top.equalTo(self.view.mas_top).offset(20);
     make.left.equalTo(self.view.mas_left).offset(20);
     make.bottom.equalTo(self.view.mas_bottom).offset(-20);
     make.right.equalTo(self.view.mas_right).offset(-20);
     }];
     */
    /*
     [redView mas_makeConstraints:^(MASConstraintMaker *make) {
     make.top.equalTo(self.view).offset(20);
     make.left.equalTo(self.view).offset(20);
     make.bottom.equalTo(self.view).offset(-20);
     make.right.equalTo(self.view).offset(-20);
     }];
     */
    /*
     [redView mas_makeConstraints:^(MASConstraintMaker *make) {
     make.top.offset(20);
     make.left.offset(20);
     make.bottom.offset(-20);
     make.right.offset(-20);
     }];
     */
    
    [redView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.edges.insets(UIEdgeInsetsMake(20, 20, 20, 20));
    }];
}



@end

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子咖摹,更是在濱河造成了極大的恐慌束昵,老刑警劉巖革为,帶你破解...
    沈念sama閱讀 217,185評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件总寒,死亡現(xiàn)場離奇詭異灭必,居然都是意外死亡播瞳,警方通過查閱死者的電腦和手機掸刊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評論 3 393
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來赢乓,“玉大人忧侧,你說我怎么就攤上這事∨朴螅” “怎么了蚓炬?”我有些...
    開封第一講書人閱讀 163,524評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長躺屁。 經(jīng)常有香客問我肯夏,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,339評論 1 293
  • 正文 為了忘掉前任驯击,我火速辦了婚禮烁兰,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘余耽。我一直安慰自己缚柏,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,387評論 6 391
  • 文/花漫 我一把揭開白布碟贾。 她就那樣靜靜地躺著币喧,像睡著了一般。 火紅的嫁衣襯著肌膚如雪袱耽。 梳的紋絲不亂的頭發(fā)上杀餐,一...
    開封第一講書人閱讀 51,287評論 1 301
  • 那天,我揣著相機與錄音朱巨,去河邊找鬼史翘。 笑死,一個胖子當(dāng)著我的面吹牛冀续,可吹牛的內(nèi)容都是我干的琼讽。 我是一名探鬼主播,決...
    沈念sama閱讀 40,130評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼洪唐,長吁一口氣:“原來是場噩夢啊……” “哼钻蹬!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起凭需,我...
    開封第一講書人閱讀 38,985評論 0 275
  • 序言:老撾萬榮一對情侶失蹤问欠,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后粒蜈,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體顺献,經(jīng)...
    沈念sama閱讀 45,420評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,617評論 3 334
  • 正文 我和宋清朗相戀三年枯怖,在試婚紗的時候發(fā)現(xiàn)自己被綠了注整。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,779評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖宛篇,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤箱歧,帶...
    沈念sama閱讀 35,477評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站漆腌,受9級特大地震影響畔派,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,088評論 3 328
  • 文/蒙蒙 一捌治、第九天 我趴在偏房一處隱蔽的房頂上張望岗钩。 院中可真熱鬧,春花似錦肖油、人聲如沸兼吓。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,716評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽视搏。三九已至,卻和暖如春县袱,著一層夾襖步出監(jiān)牢的瞬間浑娜,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,857評論 1 269
  • 我被黑心中介騙來泰國打工式散, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留筋遭,地道東北人。 一個月前我還...
    沈念sama閱讀 47,876評論 2 370
  • 正文 我出身青樓暴拄,卻偏偏與公主長得像漓滔,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子乖篷,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,700評論 2 354

推薦閱讀更多精彩內(nèi)容