代码布局，Masonry的使用

最新推荐文章于 2023-08-31 08:32:04 发布

MIKE-zi

最新推荐文章于 2023-08-31 08:32:04 发布

阅读量926

点赞数 1

分类专栏： massonry的使用文章标签： ios 布局

本文链接：https://blog.csdn.net/lee727n/article/details/70432269

版权

本文通过一个实际的iOS应用demo，详细介绍了Masonry布局库的使用方法，包括基础语法、添加约束的规则、优先级设置以及如何实现视图的水平和垂直居中。通过实例代码和效果展示，帮助开发者更好地理解和掌握Masonry布局。

摘要由CSDN通过智能技术生成

在IOS布局中，经常需要用到masonry，有一些常用的规则需要我们记住，下面通过一个demo，和图片一起啊认识一下masonry。

//添加此句宏定义  可以使用 equaleTo 方法 替换掉 mas_equalTo
//需要在 #import "Masonry.h" 前面完成
#define MAS_SHORTHAND_GLOBALS

#import "Masonry.h"

添加属性和调用

@interface ViewController ()
@property(nonatomic,strong)UIView *greenView;
@property(nonatomic,strong)UIView *redView;
@property(nonatomic,strong)UIView *yellowView;
@property(nonatomic,strong)UIView *blueView;
@property(nonatomic,strong)UIView *purpleView;
@property(nonatomic,strong)UIView *grayView;
@property(nonatomic,strong)UIView *oragneView;
@property(nonatomic,strong)UIView *brownView;

@end

@implementation ViewController
- (void)viewDidLoad {
    [super viewDidLoad];
    [self greenView];
    [self redView];
    [self yellowView];
    [self blueView];
    [self purpleView];
    [self grayView];
    [self oragneView];
    [self brownView];
}

masonry的基础语法:make代替要约束的视图，具体的属性，通过equalto来说明相对于谁的什么属性。然后再equalto,表明相对位置。这里说明一下equalto和offset基本是一样的使用
添加约束的时候我们要做到，一个视图需要一个完整的约束，即x , y ,width,height.

-(UIView *)greenView {
    if (!_greenView) {
        _greenView = [[UIView alloc]init];
        _greenView.backgroundColor = [UIColor greenColor];
        [self.view addSubview:_greenView];

        //给greenV