Masonary简单使用

最新推荐文章于 2017-04-27 16:49:00 发布

原创最新推荐文章于 2017-04-27 16:49:00 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

ios 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用Masonry库进行iOS界面布局。通过实例演示了如何创建并定位不同颜色的子视图，并保持它们之间的间距一致。

Masonary

注意：（若想适配ipad 在general 中选择 devices -> Universal）

引入Masonry 在github 上搜索就可以了

引入头文件 @“Masonry”

在viewDidLoad 中写入

    UIView *myView = [[UIView alloc] init];
    myView.backgroundColor = [UIColor blueColor];
    [self.view addSubview:myView];

[myView mas_makeConstraints:^(MASConstraintMaker *make) {
    // 设置当前center和父视图的center一样
    make.center.mas_equalTo(self.view);
    // 设置当前视图的大小
    make.size.mas_equalTo(CGSizeMake(300, 300));
}];


UIView *view1 = [[UIView alloc] init];
view1.backgroundColor = [UIColor redColor];
[myView addSubview:view1];

UIView *view2 = [[UIView alloc] init];
view2.backgroundColor = [UIColor yellowColor];
[myView addSubview:view2];


int padding = 10;

[view1 mas_makeConstraints:^(MASConstraintMaker *make) {
    // 设置其位于父视图的Y的中心位置
    make.centerY.mas_equalTo(myView.mas_centerY);
    // 设置其左侧和父视图偏移10个像素
    make.left.equalTo(myView).with.offset(padding);
    // 设置其右侧和view2偏移10个像素
    make.right.equalTo(view2.mas_left).with.offset(-padding);
    // 设置高度
    make.height.mas_equalTo(@120);
    // 设置其宽度
    make.width.equalTo(view2);
}];

[view2 mas_makeConstraints:^(MASConstraintMaker *make) {
    make.centerY.mas_equalTo(myView.mas_centerY);
    make.left.equalTo(view1.mas_right).with.offset(padding);
    make.right.equalTo(myView).with.offset(-padding);
    make.height.mas_equalTo(view1);
    make.width.equalTo(view1);
}];
NSLog(@"%f %f",self.view.frame.size.width,self.view.frame.size.height);