mas_makeConstraint约束和autolayout

最新推荐文章于 2022-06-08 15:42:17 发布
最新推荐文章于 2022-06-08 15:42:17 发布
阅读量8.6k 收藏
点赞数
  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
关注
mas_makeConstraints &&  mas_remakeConstraints && mas_updateConstraints 用法与注意事项
xxx的博客
07-09 1万+
1 mas_makeConstraints 只负责新增约束,Autolayout 不能同时存在两条针对于同一对象约束 否则会报错 注意:在添加约束之前一定要添加到view( [testView addSubview:self.view])上 否则会报错[testView mas_makeConstraints:^(MASConstraintMaker *make) {
Masonry自动布局详解四：整体动画更新约束
标哥
11-30 9824
Masonry自动布局详解四：整体动画更新约束 说到iOS自动布局，有很多的解决办法。有的人使用xib/storyboard自动布局，也有人使用frame来适配。对于前者，笔者并不喜欢，也不支持。对于后者，更是麻烦，到处计算高度、宽度等，千万大量代码的冗余，对维护和开发的效率都很低。笔者在这里介绍纯代码自动布局的第三方库：Masonry。这个库使用率相当高，在全世界都有大量的开发者在使用，其star
Masonry中的mas_makeConstraints方法
rv0p111
04-12 1万+
一、简单介绍我们一般来说会这样进行使用 [view mas_makeConstraints:^(MASConstraintMaker *make) { //这个使用的就是MASCompositeConstraint类型的 make.left.top.width.height.mas_equalTo(100).multipliedBy(1); /...
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 mas_updateConstraints mas_remakeConstraints 代码详解
fiona_yang123456的专栏
01-25 1625
自动布局第三方库masonry，让我们能够用链式表达式的方式，优雅地写出自动布局的代码。 masonry 给我们便利的同时，使用过程中又给了我们一些困扰。有的时候布局不正确，却不知道是什么原因。纠结好久发现用错了方法。 到底何时用make, update,remake.今天我就结合源代码，来说说我的理解。个人想法仅供参考。 我们经常用到的有以下三种方法，我们通过源代码及结合实际情况，进行对比，分析...
mas_makeConstraints && mas_remakeConstraints && mas_updateConstraints 用法与注意事项
weixin_30322405的博客
11-22 312
mas_makeConstraints && mas_remakeConstraints && mas_updateConstraints 用法与注意事项 字数400 阅读117 评论0 喜欢2 1 mas_makeConstraints 只负责新增约束,Autolayout 不能同时存在两条针对于同一对象约束 否则会报错 注意:在添加约...
AutoLayoutFlowDemo:自动布局Autolayout约束调用顺序
06-18
AutoLayoutController类主要展示了约束到布局的过程，顺便对ScrollView使用了自动布局和动画改变bounds。 viewcontroller中和 “约束-布局-渲染” 过程有关的主要方法和流程。 1. -initWithNibName 如果使用 ...
iOS在纯代码中使用AutoLayout添加约束
whuizhou的专栏
06-08 282
约束是苹果官方给定得约束信息。对于这个约束和延展的用法类似，不过加上了延展之后，不用写VFL语言下面先看看以实现的效果为例我们讲解一下下面开始上代码以用户名和密码为例，来说说， 在这里有两点必须说明： 1：在对控件allo的时候我们一定忘掉设置他得CGRectMake 2：也是重中之重的，不然会导致严重的性能问题，一定要对当前控件的 的属性设置为NO，不然无法使用。。。 首先看看这两个约束的方法 这里有两个方法，一个是添加的数组，一个添加属性约束，我们在用VFL约束的时候，一定要是用的约束方法名。。。。下面
Masonry自动布局详解二：动画更新约束
热门推荐
标哥
11-30 3万+
Masonry自动布局详解二：动画更新约束 说到iOS自动布局，有很多的解决办法。有的人使用xib/storyboard自动布局，也有人使用frame来适配。对于前者，笔者并不喜欢，也不支持。对于后者，更是麻烦，到处计算高度、宽度等，千万大量代码的冗余，对维护和开发的效率都很低。笔者在这里介绍纯代码自动布局的第三方库：Masonry。这个库使用率相当高，在全世界都有大量的开发者在使用，其star数量
makeConstraints和remakeConstraints
yanhaijunyan的博客
08-04 1476
mas_remakeConstraints:增加新的约束特性线同时移除旧的约束特性线(优先推荐使用) mas_makeConstraints：增加新的约束特性线同时保留了旧的约束特性线(不推荐使用) 加断点breakpoint调试，需要等待一下待响应结束后才能查看数据值 重新更换新的类名解决重复符号 块领域范围外声明的变量先弱化weak后才可以放入块內调用 点击屏幕区域涉及优先级响应链的研究 后台服务端对上传的规则参数进行解析时有没有遭遇崩溃error ...
mas_makeConstraints与mas_updateConstraints与mas_remakeConstraints的区别
weixin_34393428的博客
11-30 4005
mas_makeConstraints 1.已有的约束,再添加约束,不修改原有约束 2.添加新的约束, 则视图会添加这个约束 3.不会删除已有约束 mas_updateConstraints 1.已有的约束,再添加约束,则更新原有约束 2.添加新的约束, 则视图会添加这个约束 3.不会删除已有约束 mas_remakeConstraints 1.已有的约束,再添加约束,则更新原有约束 2...
ios第三方框架Masonry----约束
chenghua5486的博客
01-29 278
在ios开发中用xib的方式，其中约束的功能很是强大，但在纯代码开发中添加约束就不就那么方便了，Masonry的出现改变了这一现象。 先看一段代码： UIView *view = [UIView new]; [view setBackgroundColor:[UIColor red...
masonry获取自动布局后的高度
小天空的博客
09-18 1581
masonry的自动布局 // footerView 是之前创建的View [footerView addSubview:self.tagView]; // 自动布局 self.tagView [self.tagView mas_makeConstraints: ^(MASConstraintMaker *make) { // self.tagView的获取父视图 UIView *superView = footerView; // 设置宽度为父视图的宽度-50 等价于（sel...
iOS Autolayout之Masonry解读
齐恒毅－博客专栏
10-20 568
原文地址：http://www.jianshu.com/p/10a250cc5018 Masonry Masonry是公认非常简洁优美的一款Autolayout框架我推荐大家重点学习这个框架我会把Autolayout的思维融合这个框架一起讲解 Masonry的使用 想要使用第三方Masonry要么要去GitHub上下载原代码下来拖进项目中，要么就直接使用cocoapods，po
学习Masonry框架 - iOS
qq_40319342的博客
05-10 1125
Masonry学习文档以及导入Masonry
Masonry
cheng_xing_的博客
11-26 1493
Masonry框架的优点 Masonry是iOS在控件布局中经常使用的一个轻量级框架，Masonry让NSLayoutConstraint使用起来更为简洁。 基于NSLayoutConstraint的布局实现subView.top = superView.top * 1 + 10 subView.translatesAutoresizingMaskIntoConstraints = NO;//关闭自动布局 NSLayoutConstraint *constraint= [NSLayoutConst
iOS：Masonry练习详解
dienangpiao2051的博客
12-01 339
Masonry练习详解 添加约束的方式： 1.通过使用NSLayoutConstraints添加约束到约束数组中,之前必须设置translatesAutoresizingMaskIntoConstraints = NO,即取消自动布局; 2.通过使用MASConstraintMaker在block中添加约束,不需要再设置translatesAutoresizingM...
Masonry动态更新约束优先级操作
weixin_43997469的博客
03-26 1743
平时使用Masonry时，一般会使用mas_updateConstraints方法来更新约束，不过该方法只能更新数值，并不会更新约束的优先级。 @implementation xxx (void)setupConstraints { [self.nameLabel mas_makeConstraints:^(MASConstraintMaker *make) { … make.right.equalTo(self.view).offset(-50).priorityMedium(); // 靠左距离50
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值