Masonry的使用3

最新推荐文章于 2024-08-21 09:57:48 发布

原创最新推荐文章于 2024-08-21 09:57:48 发布 · 452 阅读

0 ·

CC 4.0 BY-SA版权

iOS学习—UI部分专栏收录该内容

113 篇文章

订阅专栏

本文介绍如何使用Masonry库为iOS应用中的UIView设置自动布局约束。通过具体的代码示例，展示了两个UIView之间的布局关系定义，包括左右对齐、高度设置及上下间距等。

#import "ViewController.h"

//只要添加了这个宏，就不用带 mas_前缀
#define MAS_SHORTHAND
//只要添加了这个宏，equalTo就等价于mas_equalTo
#define MAS_SHORTHAND_GLOBALS
//这个头文件一定要放在前面2个宏的后面
#import "Masonry.h"

- (void)viewDidLoad {
    [super viewDidLoad];

    // 1.创建控件
    UIView *blueView = [[UIView alloc] init];
    blueView.backgroundColor = [UIColor blueColor];
    [self.view addSubview:blueView];
    
    UIView *redView = [[UIView alloc] init];
    redView.backgroundColor = [UIColor redColor];
    [self.view addSubview:redView];
    
    // 2.添加约束
    CGFloat margin = 20;
    CGFloat height = 50;
    [blueView makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(self.view.left).offset(margin);
        make.right.equalTo(redView.left).offset(-margin);
        make.bottom.equalTo(self.view.bottom).offset(-margin);
        make.height.equalTo(height);
        make.top.equalTo(redView.top);
        make.bottom.equalTo(redView.bottom);
        make.width.equalTo(redView.width);
    }];
   
    [redView makeConstraints:^(MASConstraintMaker *make) {
        make.right.equalTo(self.view.right).offset(-margin);
    }];
    
}