mas_makeConstraint约束和autolayout

最新推荐文章于 2022-11-22 08:47:43 发布
最新推荐文章于 2022-11-22 08:47:43 发布
阅读量8.5k 收藏
点赞数
  mas_makeConstraint约束和autolayout

分类： iOS平台

     要创建一个试图,距离上下左右都是10的这样一个约束需要写上很多代码,然而现在是使用Masonry的效果

UIEdgeInsets padding = UIEdgeInsetsMake(10, 10, 10, 10);

[view1 mas_makeConstraints:^(MASConstraintMaker *make) {
    make.top.equalTo(superview.mas_top).with.offset(padding.top); //with is an optional semantic filler make.left.equalTo(superview.mas_left).with.offset(padding.left);
    make.bottom.equalTo(superview.mas_bottom).with.offset(-padding.bottom);
    make.right.equalTo(superview.mas_right).with.offset(-padding.right);
}];

甚至我们这样写得更加简洁

[view1 mas_makeConstraints:^(MASConstraintMaker *make) {
    make.edges.equalTo(superview).with.insets(padding);
}];

接下来我们来观看下Masonry中的一些常用属性

// 左侧  @property (nonatomic, strong, readonly) MASConstraint *left; // 顶部 @property (nonatomic, strong, readonly) MASConstraint *top; // 右侧 @property (nonatomic, strong, readonly) MASConstraint *right; // 底部 @property (nonatomic, strong, readonly) MASConstraint *bottom; // 首部 @property (nonatomic, strong, readonly) MASConstraint *leading; // 尾部 @property (nonatomic, strong, readonly) MASConstraint *trailing; // 宽  @property (nonatomic, strong, readonly) MASConstraint *width; // 高  @property (nonatomic, strong, readonly) MASConstraint *height; // 中心点x @property (nonatomic, strong, readonly) MASConstraint *centerX; // 中心点y @property (nonatomic, strong, readonly) MASConstraint *centerY; // 文本基线 @property (nonatomic, strong, readonly) MASConstraint *baseline;

 

居中显示视图

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));
}];

效果图
Masonry-1
可以看到我们已经创建出一个位置居中,并且视图大小为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);
}];

效果图:
Masonry-2

提醒一下,以下代码等价

make.left.equalTo(myView).with.offset(padding); 】 // 等价于  make.left.equalTo(myView.mas_left).with.offset(padding);

也就是说默认情况下括号里面只写了视图的时候,其自动帮你添加当前masxxx(代表前面你需要设置的约束的位置).比如上面两行代码设置的make.left,当括号里面只写了myView的时候,会自动追加为myView.mas_left。

 

多个视图间隔相同

注意下面设置宽度的时候是传递的数组,这样才能让多个视图进行等距离显示

 UIView *view1 = [[UIView alloc] init];
view1.backgroundColor = [UIColor redColor];
[myView addSubview:view1]; UIView *view2 = [[UIView alloc] init];
view2.backgroundColor = [UIColor yellowColor];
[myView addSubview:view2]; UIView *view3 = [[UIView alloc] init];
view3.backgroundColor = [UIColor greenColor];
[self.view addSubview:view3]; int padding = 10;

[view1 mas_makeConstraints:^(MASConstraintMaker *make) { // 设置中心点  make.centerY.mas_equalTo(myView); // 设置左侧距离父视图10  make.left.equalTo(myView).with.offset(padding); // 设置右侧距离和view2的左侧相隔10 make.right.equalTo(view2.mas_left).with.offset(-padding); // 设置高度 make.height.mas_equalTo(@150); // 宽度设置和view2以及view3相同 make.width.equalTo(@[view2, view3]);
}];
    
[view2 mas_makeConstraints:^(MASConstraintMaker *make) {
   make.centerY.mas_equalTo(myView);
   make.height.mas_equalTo(view1);
   make.width.equalTo(@[view1, view3]);
}];

[view3 mas_makeConstraints:^(MASConstraintMaker *make) {
   make.centerY.mas_equalTo(myView);
   make.left.equalTo(view2.mas_right).with.offset(padding);
   make.right.equalTo(myView).with.offset(-padding);
   make.height.mas_equalTo(view1);
   make.width.equalTo(@[view2, view1]);
}];

效果图:
Masonry-3



  1. 多个视图相隔相同的方法：

    __weak typeof(self) weakSelf = self;

    UIView * tempView = [[UIView alloc]init];
    NSInteger count = 10;//设置一排view的个数
    NSInteger margin = 10;//设置相隔距离
    NSInteger height = 50;//设置view的高度
    for (int i = 0; i < count; i ++) {
    UIView * view = [[UIView alloc]init];
    view.backgroundColor = [UIColor brownColor];
    [self.view addSubview:view];
    if (i == 0) {
    [view mas_makeConstraints:^(MASConstraintMaker *make) {
    make.left.equalTo(weakSelf.view).offset(margin);
    make.centerY.equalTo(weakSelf.view);
    make.height.mas_equalTo(height);
    }];
    }
    else if (i == count – 1){
    [view mas_makeConstraints:^(MASConstraintMaker *make) {
    make.right.equalTo(weakSelf.view).offset(-margin);
    make.left.equalTo(tempView.mas_right).offset(margin);
    make.centerY.equalTo(tempView);
    make.height.equalTo(tempView);
    make.width.equalTo(tempView);
    }];
    }
    else{
    [view mas_makeConstraints:^(MASConstraintMaker *make) {
    make.left.equalTo(tempView.mas_right).offset(margin);
    make.centerY.equalTo(tempView);
    make.height.equalTo(tempView);
    make.width.equalTo(tempView);
    }];
    }
    tempView = view;
    [view layoutIfNeeded];
    }



autolayout VFL 
+ (NSArray *)constraintsWithVisualFormat:(NSString *)format 
                                 options:(NSLayoutFormatOptions)opts 
                                 metrics:(NSDictionary *)metrics 
                                   views:(NSDictionary *)views;

这个方法是我们实际编程中最常用的方法。它会根据我们指定的参数返回一组约束。 这个方法很重要，所以我会详细解释每个参数的用途。

format

这个参数存放的是布局逻辑，布局逻辑是使用 可视化格式语言 (VFL) 编写的。实际编程中我们也是使用VFL 编写布局逻辑，因为第一个方法明显参数过多，一个简单的布局要写很多代码。

上一个布局使用 VFL 来重构的话，代码如下：

.... [view setTranslatesAutoresizingMaskIntoConstraints:NO]; NSDictionary *views = NSDictionaryOfVariableBindings(self.view, view); [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-50-[view(>=150)]" options:0 metrics:nil views:views]]; [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-100-[view(>=150)]" options:0 metrics:nil views:views]];

哗，代码量减少了很多。首先我们使用 NSDictionaryOfVariableBindings(...) 宏创建了一个字典 views，这个宏会自动把传入的对象的键路径作为字典的键，把对象作为字典的值。所以 views字典的内容就像这样：

{@"self.view": self.view, @"view", view}

VFL 就是这两句：

H:|-50-[view(>=150)]

V:|-100-[view(>=150)]

第一句是在水平方向布局，表示 view 左边距离父视图左边 50 点，宽度至少 150 点。（水平方向是宽度）

第二句是在垂直方向上布局，表示 view 顶部距离父视图顶部 100 点，宽度至少 150 点。（垂直方向是高度）

分解说明如下：

H / V 表示布局方向。H 表示水平方向（Horizontal），V 表示垂直方向（Vertical），方向后要紧跟一个 :，不能有空格。

| 表示父视图。通常出现在语句的首尾。

- 有两个用途，单独一个表示标准距离。这个值通常是 8 ；两个中间夹着数值，表示使用中间的数值代替标准距离，如第一句的 -50-，就是使用 50 来代替标准距离。

[] 表示对象，括号中间需要填上对象名，对象名必须是我们传入的 views 字典中的键。对象名后可以跟小括号 ()，小括号中是对此对象的尺寸和优先级约束。水平布局中尺寸是宽度，垂直布局中尺寸是高度。如第一句中的 (>=150) 就是对 view 尺寸的约束，因为是水平方向布局，所以它表示宽度大于或等于 150 点。而 150 前面的 >= 就是我们上面第一个方法中提到的关系参数。至于为什么这里使用>=，上面已经解释过了。括号中可以包含多条约束，如果我们想再加一条约束，保证 view 的宽度最大不超过 200 点，我们可以这样写：H:|-50-[view(>=150,<=200)]。还可以添加优先级约束，这个我们后面再讲。

VFL 语法有几点需要注意：

  • 布局语句中不能包含空格
  • 和关系一样，没有 >、< 这种约束

然后下面是一些例子，增加你对 VFL 语法的理解。

例一：

我们在 view 右侧添加另一个视图 view2，效果如图：

代码如下：

UIView *view = [UIView new]; [view setBackgroundColor:[UIColor redColor]]; [self.view addSubview:view]; UIView *view2 = [UIView new]; [view2 setBackgroundColor:[UIColor blueColor]]; [self.view addSubview:view2]; [view setTranslatesAutoresizingMaskIntoConstraints:NO]; [view2 setTranslatesAutoresizingMaskIntoConstraints:NO]; NSDictionary *views = NSDictionaryOfVariableBindings(self.view, view, view2); [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-50-[view(>=150)]" options:0 metrics:nil views:views]]; [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-100-[view(>=150)]" options:0 metrics:nil views:views]]; [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:[view]-[view2(>=50)]" options:0 metrics:nil views:views]]; [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-100-[view2(>=50)]" options:0 metrics:nil views:views]];

我们讲讲最后的两条新的 VFL 语句：

H:[view]-[view2(>=50)]

从开始的 H: 我们可以判断出这是水平方向的布局，换句话说就是设置视图的 x 和 width。接着的 [view]，说明后面的所有视图都是在 view 的右侧；接着是 -，说明后一个视图和 view之间有一个标准距离的间距；也就是说 x 等于 view 的右侧再加上标准距离，即CGRectGetMaxX(view) + 标准距离。最后是 [view2(>=50)]，这里可以看出后一个视图是view2，并且它的宽度不小于 50 点。整一句翻译成白话就是说：在水平方向上，view2 在 view右侧的标准距离位置处，并且它的宽度不小于 50 点。

V:|-100-[view2(>=50)]

从开始的 V: 我们可以判断出这是垂直方向的布局，换句话说就是设置视图的 y 和 height。接着的 | 说明是后一个视图是相对于父视图进行布局；接着是 -100-，说明垂直方向和父视图（顶部）相距 100 点，也就是说 y 等于 100 点。最后是 [view2(>=50)]，这和上一句相同，只是因为是垂直方向，所以 50 是设置高度而不是宽度。整一句翻译成白话就是说：在垂直方向上，view2 在相对于父视图(顶部) 100 点的位置处，并且它的高度不小于 50 点。

实际上我们的代码还可以简化：

...... NSDictionary *views = NSDictionaryOfVariableBindings(self.view, view, view2); [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-50-[view(>=150)]-[view2(>=50)]" options:0 metrics:nil views:views]]; [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-100-[view(>=150)]" options:0 metrics:nil views:views]]; [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-100-[view2(>=50)]" options:0 metrics:nil views:views]];

因为两个视图水平方向上是并排（从左到右）的，所以我们可以将水平方向布局的代码合并到一起。而垂直方向我们并非并排的，所以垂直方向的布局代码我们不能合并。这里所讲的并排的意思是后一个在前一个的后面，水平方向上明显是这样，但垂直方向上两个视图的 y 是相同的，所以无法合并在一起布局。

例二：我们继续添加一个视图 view3 填补 view 右下方的空缺，效果如图：

代码如下：

UIView *view = [UIView new]; [view setBackgroundColor:[UIColor redColor]]; [self.view addSubview:view]; UIView *view2 = [UIView new]; [view2 setBackgroundColor:[UIColor blueColor]]; [self.view addSubview:view2]; UIView *view3 = [UIView new]; [view3 setBackgroundColor:[UIColor orangeColor]]; [self.view addSubview:view3]; [view setTranslatesAutoresizingMaskIntoConstraints:NO]; [view2 setTranslatesAutoresizingMaskIntoConstraints:NO]; [view3 setTranslatesAutoresizingMaskIntoConstraints:NO]; NSDictionary *views = NSDictionaryOfVariableBindings(self.view, view, view2, view3); [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-(50)-[view(>=150)]-[view2(>=50)]" options:0 metrics:nil views:views]]; [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-(100)-[view(>=150)]" options:0 metrics:nil views:views]]; [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:[view]-[view3(>=50)]" options:0 metrics:nil views:views]]; [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-(100)-[view2(>=50)][view3(>=100)]" options:0 metrics:nil views:views]];

你可能注意到我把每个间距都使用小括号阔了起来，这是可选的，你完全可以直接写间距，这么写只是告诉你还有这种语法。实际上没什么必要这么写，因为 VFL 语法并不支持运算，例如把 (50) 切分为(10+40) 或 (5*10) 都是不合法的。

最后两行是 view3 的布局代码，简单解释一下：

H:[view]-[view3(>=50)]

水平方向布局，view3 在 view 右侧标准距离处，并且宽度不小于 50 点。

V:|-(100)-[view2(>=50)][view3(>=100)]

垂直方向布局，view2 距离父视图（顶部）100 点，并且高度不小于 50 点；view3 紧挨着view2 底部（没有 -），并且高度不小于 100 点。

options

这个参数的值是位掩码，使用频率并不高，但非常有用。它可以操作在 VFL 语句中的所有对象的某一个属性或方向。例如上面的例一，水平方向有两个视图，它们的垂直方向到顶部的距离相同，或者说顶部对齐，我们就可以给这个参数传入 NSLayoutFormatAlignAllTop 让它们顶部对齐，这样以来只需要指定两个视图的其中一个的垂直方向到顶部的距离就可以了。代码：

...... NSDictionary *views = NSDictionaryOfVariableBindings(self.view, view, view [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-50-[view(>=150)]-[view2(>=50)]" options:NSLayoutFormatAlignAllTop metrics:nil views:views]]; [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-100-[view(>=150)]" options:0 metrics:nil views:views]]; [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[view2(>=50)]" options:0 metrics:nil views:views]];

它的默认值是 NSLayoutFormatDirectionLeadingToTrailing，根据当前用户的语言环境进行设置，比如英文中就是从左到右，希伯来语中就是从右到左。

这个值符合我们常用的选项。NSLayoutFormatDirectionLeadingToTrailing 的值是 0 << 16，所以我们可以直接传入 0 使用此值。

因为是位掩码，所以我们可以使用 | 进行多选，例如例一，我们希望在现有约束的基础上让两个视图的高度相等，那代码可以这样写：

...... NSDictionary *views = NSDictionaryOfVariableBindings(self.view, view, view2); [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-50-[view(>=150)]-[view2(>=50)]" options:NSLayoutFormatAlignAllTop | NSLayoutFormatAlignAllBottom metrics:nil views:views]]; [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-100-[view(>=150)]" options:0 metrics:nil views:views]];

指定两个视图的顶部和底部约束相同，然后只设置其中一个视图的相关约束即可。

灵活使用此参数可以节省不少时间，但这个参数内容太多，如果你有兴趣了解，可以看看我的另一篇博文：《Auto Layout 中的排列选项》

metrics

这是一个字典，字典的键必须是出现在 VFL 语句中的字符串，值必须是 NSNumber 类型，作用是将在 VFL 语句中出现的键替换为相应的值。例如本文中的第一个布局的例子，使用了这个参数后代码就变成了这样：

UIView *view = [UIView new]; [view setBackgroundColor:[UIColor redColor]]; [self.view addSubview:view]; [view setTranslatesAutoresizingMaskIntoConstraints:NO]; CGRect viewFrame = CGRectMake(50.f, 100.f, 150.f, 150.f); NSDictionary *views = NSDictionaryOfVariableBindings(self.view, view); NSDictionary *metrics = @{@"left": @(CGRectGetMinX(viewFrame)), @"top": @(CGRectGetMinY(viewFrame)), @"width": @(CGRectGetWidth(viewFrame)), @"height": @(CGRectGetHeight(viewFrame))}; [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-left-[view(>=width)]" options:0 metrics:metrics views:views]]; [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-top-[view(>=height)]" options:0 metrics:metrics views:views]];

聪明的你看了这段代码后肯定已经明白这个参数的用途了，虽然使用频率不高，但依然很有用，特别是要动态计算约束值的时候非常有用。

实际上这个参数也可以使用 NSDictionaryOfVariableBindings(...) 宏来快速创建，代码如下：

...... [view setTranslatesAutoresizingMaskIntoConstraints:NO]; NSNumber *left = @50.f; NSNumber *top = @100.f; NSNumber *width = @150.f; NSNumber *height = @150.f; NSDictionary *views = NSDictionaryOfVariableBindings(self.view, view); NSDictionary *metrics = NSDictionaryOfVariableBindings(left, top, width, height); [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-left-[view(>=width)]" options:0 metrics:metrics views:views]]; [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-top-[view(>=height)]" options:0 metrics:metrics views:views]];
使用第三方框架 Masonry 实现自动布局

Dennis_fl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ios_autolayout_demo:iOS 自动布局
06-28
ios_autolayout_demo iOS AutoLayout 以编程方式： NSLayoutConstraint 和 。 NSLayoutConstraint 演示： :
iOS Masonry详解mas_makeConstraints() 添加约束 mas_remakeConstraints() 移除之前的约束，重新添加新的约束 mas_updateConst
weixin_38496080的博客
03-31 1万+
现在iPhone手机屏幕越来越多, 屏幕适配也越来越重要. Masonry就是为屏幕适配而生的三方框架. Masonry基础API mas_makeConstraints() 添加约束 mas_remakeConstraints() 移除之前的约束，重新添加新的约束 mas_updateConstraints() 更新约束，写哪条更新哪条，其他约束不变 equalTo() ...
Masonry中的mas_makeConstraints方法
rv0p111
04-12 1万+
一、简单介绍我们一般来说会这样进行使用 [view mas_makeConstraints:^(MASConstraintMaker *make) { //这个使用的就是MASCompositeConstraint类型的 make.left.top.width.height.mas_equalTo(100).multipliedBy(1); /...
学习Masonry框架 - iOS
qq_40319342的博客
05-10 977
Masonry学习文档以及导入Masonry
masonry获取自动布局后的高度
小天空的博客
09-18 1465
masonry的自动布局 // footerView 是之前创建的View [footerView addSubview:self.tagView]; // 自动布局 self.tagView [self.tagView mas_makeConstraints: ^(MASConstraintMaker *make) { // self.tagView的获取父视图 UIView *superView = footerView; // 设置宽度为父视图的宽度-50 等价于（sel...
【iOS开发】Masonry的使用
weixin_52192405的博客
08-31 812
Masonry是为屏幕适配而生的三方框架。可以使视图大小和位置自动适应各种机型和横竖屏
AutoLayout_Calc_UIKit
03-07
使用您所学的有关自动布局，堆栈视图和设置约束的知识，创建以下UI。 肖像 风景 这是一个艰巨的挑战。 如果您可以创建布局所需的垂直和水平堆栈，那么您将面临挑战。 完成此操作后，如果您知道如何布置这些小细节...
AutoLayoutFlowDemo:自动布局Autolayout约束调用顺序
06-18
AutoLayoutController类主要展示了约束到布局的过程，顺便对ScrollView使用了自动布局和动画改变bounds。 viewcontroller中和 “约束-布局-渲染” 过程有关的主要方法和流程。 1. -initWithNibName 如果使用 ...
ios-textview_autolayout.zip
07-11
最近开发需要，cell随着textview的高度变化
Autolayout_Demo:只是测试
05-14
Autolayout_Demo 只是测试
ios第三方框架Masonry----约束
chenghua5486的博客
01-29 246
在ios开发中用xib的方式，其中约束的功能很是强大，但在纯代码开发中添加约束就不就那么方便了，Masonry的出现改变了这一现象。 先看一段代码： UIView *view = [UIView new]; [view setBackgroundColor:[UIColor red...
Masonry基本使用
cp891260的博客
02-26 1472
基本约束的创建/// 构建约束mas_makeConstraints/// 更新约束 - 修改已经建立的约束，如果约束不存在，会在控制台输出错误mas_updateConstraints/// 会删除已经建立的所有约束，然后重新生成约束mas_remakeConstraints 等于函数equalTo(参照对象) // 参照属性相同可以省略 equalTo(参照...
iOS Masonry使用小结
kuuailetianzi的专栏
11-22 635
masonry
mas_makeConstraints &&  mas_remakeConstraints && mas_updateConstraints 用法与注意事项
xxx的博客
07-09 1万+
1 mas_makeConstraints 只负责新增约束,Autolayout 不能同时存在两条针对于同一对象约束 否则会报错 注意:在添加约束之前一定要添加到view( [testView addSubview:self.view])上 否则会报错[testView mas_makeConstraints:^(MASConstraintMaker *make) {
iOS - Masonry 使用中的一些整理
努力，可能成功！放弃，注定失败！
07-19 2万+
个人喜欢用纯代码写东西,其中用到最多的就是Masonry,我整理一些使用过程中一些点，方便以后使用.(基本的语法就不说了) 首先说几点: 我一般将数值类型的约束用mas_equalTo，而相对于某个控件，或者某个控件的某个约束，我会使用equalTo，如： make.size.mas_equalTo(CGSizeMake(100, 100)); make.center.equalTo(
iOS：Masonry练习详解
dienangpiao2051的博客
12-01 299
Masonry练习详解 添加约束的方式： 1.通过使用NSLayoutConstraints添加约束到约束数组中,之前必须设置translatesAutoresizingMaskIntoConstraints = NO,即取消自动布局; 2.通过使用MASConstraintMaker在block中添加约束,不需要再设置translatesAutoresizingM...
mas_makeConstraints与mas_updateConstraints与mas_remakeConstraints的区别
weixin_34393428的博客
11-30 3958
mas_makeConstraints 1.已有的约束,再添加约束,不修改原有约束 2.添加新的约束, 则视图会添加这个约束 3.不会删除已有约束 mas_updateConstraints 1.已有的约束,再添加约束,则更新原有约束 2.添加新的约束, 则视图会添加这个约束 3.不会删除已有约束 mas_remakeConstraints 1.已有的约束,再添加约束,则更新原有约束 2...
Masonry简单使用
热门推荐
afdl9999的专栏
05-09 5万+
Masonry简单使用 介绍安装使用 居中显示视图设置视图并排多个视图间隔相同   介绍 Masonry源码 在其官网上也进行了很多的介绍,在下面会写出我自己的一些见解.如果使用过iOS中系统的NSLayoutConstraints已经知道非常麻烦 如下代码就是系统的约束 UIView *superview = self; UIView *view1 = [[UIVi
Masonry mas_makeConstraints mas_updateConstraints mas_remakeConstraints 代码详解
fiona_yang123456的专栏
01-25 1517
自动布局第三方库masonry，让我们能够用链式表达式的方式，优雅地写出自动布局的代码。 masonry 给我们便利的同时，使用过程中又给了我们一些困扰。有的时候布局不正确，却不知道是什么原因。纠结好久发现用错了方法。 到底何时用make, update,remake.今天我就结合源代码，来说说我的理解。个人想法仅供参考。 我们经常用到的有以下三种方法，我们通过源代码及结合实际情况，进行对比，分析...
auto_xtricks
最新发布
08-10
中的引用链接提供了一些与auto layout相关的项目，包括Masonry、UIView-AutoLayout、KeepLayout等。这些项目可以帮助开发者更方便地使用auto layout来布局UI界面。中的引用链接提供了一个与helper相关的项目，即...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值