iOS界面布局之四——使用第三方库Masonry进行autolayout布局(二)

简介: iOS界面布局之四——使用第三方库Masonry进行autolayout布局

三、Masonry设置约束的几个示例


1、设置视图与其父视图的边距约束


- (void)viewDidLoad {

   [super viewDidLoad];

   // Do any additional setup after loading the view, typically from a nib.

   label = [[UILabel alloc]init];

   [self.view addSubview:label];

   [label mas_makeConstraints:^(MASConstraintMaker *make) {

       make.edges.equalTo(self.view).insets(UIEdgeInsetsMake(20, 20, 20, 20));

   }];

   label.backgroundColor = [UIColor redColor];

}

设置上下左右与其父视图边距为20px,效果如下:

image.png


2、约束控件的尺寸为固定值


[label mas_makeConstraints:^(MASConstraintMaker *make) {

       make.height.equalTo(@200);

       make.width.equalTo(@200);

       make.center.equalTo(self.view);

   }];

位置约束设置在了屏幕的中间,效果如下:


image.png


3、约束控件之间的尺寸


 [label mas_makeConstraints:^(MASConstraintMaker *make) {

       make.height.equalTo(@100);

       make.width.equalTo(label2);

       make.right.equalTo(label2.mas_left).offset(-100);

       make.leading.equalTo(self.view.mas_leading).offset(20);

       make.centerY.equalTo(self.view);

   }];

   [label2 mas_makeConstraints:^(MASConstraintMaker *make) {

       make.height.equalTo(@100);

       make.centerY.equalTo(label);

       make.trailing.equalTo(self.view.mas_trailing).offset(-20);

   }];

设置了两个label宽度一致,相距100px,分别距离左右边距20px,效果如下:

image.png

目录
相关文章
|
3月前
|
安全 iOS开发
iOS页面布局:UIScrollView的布局问题
iOS页面布局:UIScrollView的布局问题
71 8
|
Swift iOS开发
iOS 用一个布局来解决嵌套问题—— UICollectionViewCompositionalLayout
iOS 用一个布局来解决嵌套问题—— UICollectionViewCompositionalLayout
iOS 用一个布局来解决嵌套问题—— UICollectionViewCompositionalLayout
|
iOS开发
iOS布局中的抗被拉伸、抗压缩优先级
iOS布局中的抗被拉伸、抗压缩优先级
717 0
|
Swift iOS开发
iOS 第三方库一处引入,处处使用
iOS 第三方库一处引入,处处使用
103 0
|
编解码 Android开发 iOS开发
IOS使用AutoLayout让UIScrollView自动计算ContentSize
IOS使用AutoLayout让UIScrollView自动计算ContentSize
206 0
|
iOS开发
IOS15上纯代码布局之导航控制器的导航条为透明的问题
IOS15上纯代码布局之导航控制器的导航条为透明的问题
233 0
|
iOS开发
IOS使用纯代码布局替换掉默认的storyboard
IOS使用纯代码布局替换掉默认的storyboard
110 0
|
Android开发 iOS开发
IOS开发之UIScrollView约束布局
IOS开发之UIScrollView约束布局
430 0
|
iOS开发
iOS界面布局之三——纯代码的autoLayout及布局动画(一)
iOS界面布局之三——纯代码的autoLayout及布局动画
405 0
iOS界面布局之三——纯代码的autoLayout及布局动画(一)