博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Masonry 与 frame 混用导致的问题
阅读量:5090 次
发布时间:2019-06-13

本文共 2488 字,大约阅读时间需要 8 分钟。

Masonry frame 混用可能出现子控件大小跟预期不一致的情况,具体是什么样呢?

例如,自定义一个 UIView 的子类SmallViewSmallView 中含有一个 UIImageView,在控制器创建SmallView,在SmallView创建UIImageView时都使用 init 方法,都没有给定 frame,但是在使用 masonry 约束时,用到了 frame,那么这就很可能会出现问题,导致大小跟预期不一致。

.

SmallView 中创建 UIImageView

_imageView = [[UIImageView alloc] init];

_imageView.image = [UIImage imageNamed:@"一无所有"];

[self addSubview:_imageView];

 

//1.

//这种写法容易出问题,如果 SmallView 创建时没有设置 frame 或者重新约束,那么_imageView并不能达到预期的效果

//SmallView init 会先执行这里,然后在约束SmallView,但是 imageview 的大小已经在这里定型了

[_imageView mas_makeConstraints:^(MASConstraintMaker *make) {

    //问题就在self.bounds.size.width,self.bounds.size.height,如果外面创建SmallView,没有 frame, 这里就是0

    make.size.mas_equalTo(CGSizeMake(self.bounds.size.width, self.bounds.size.height));

    make.center.mas_equalTo(self);

}];

 

在控制器中创建 SmallView

//1.没有给定 frame,此时 SmallViewimageView 已经大小为0

SmallView *small = [[SmallView alloc] init];

[self.view addSubview:small];

//约束和 frame 不一致,SmallViewimageView 已经大小为0,只对SmallView起效果了

[small mas_makeConstraints:^(MASConstraintMaker *make) {

    

    make.size.mas_equalTo(CGSizeMake(100, 100));

    make.top.mas_equalTo(self.view).mas_offset(30);

    make.leading.mas_equalTo(self.view).mas_offset(30);

}];

 

结果是这样,没有大小,不是与 SmallView 一样大

 

 

 

 

 

 

imageView 大小为0.png

 

那就给一个 frame

SmallView *small = [[SmallView alloc] initWithFrame:CGRectMake(0, 0, 50, 50)];

 

图片大小为 init 时的50,50

 

 

 

 

 

image 并没有跟 SmallView 一样大.png

 

那么正确的姿势来了。

.

SmallView 中创建 UIImageView

//2.

//这种写法无论 SmallView在创建时有没有给定 frame 或者给了 frame 但是约束跟 frame 不一致也不会出问题.

[_imageView mas_makeConstraints:^(MASConstraintMaker *make) {

    

    //这里是约束,并不是 frame

    //make.size.mas_equalTo(self);

    make.width.mas_equalTo(self.mas_width);

    make.height.mas_equalTo(self.mas_height);

    make.center.mas_equalTo(self);

}];

 

在控制器中创建 SmallView

//2.frame 和约束不一致,使用的是约束,无所谓啦

//SmallView *small = [[SmallView alloc] init];

SmallView *small = [[SmallView alloc] initWithFrame:CGRectMake(0, 0, 50, 50)];

[self.view addSubview:small];

//约束和 frame 不一致,使用的是约束,无所谓啦

[small mas_makeConstraints:^(MASConstraintMaker *make) {

    

    make.size.mas_equalTo(CGSizeMake(100, 100));

    make.top.mas_equalTo(self.view).mas_offset(30);

    make.leading.mas_equalTo(self.view).mas_offset(30);

}];

 

 

 

 

 

 

不怕不怕啦.png

 

那么,结论就是在自定义控件时,内部约束尽量使用mas_width这种属性,谨慎使用具体数值,如固定的 width 等等。如果你使用了 UIView 的快速改变 frame 的分类一定要注意,很多属性名类似,如 centerX mas_centerX可是不一样的,后果你遇到就知道啦~

代码https://github.com/lxszl/UIViewTest

 

作者:loyt

链接:https://www.jianshu.com/p/357fab4b84e7

来源:简书

简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

转载于:https://www.cnblogs.com/sundaysgarden/p/10572360.html

你可能感兴趣的文章
Scrapy实战篇(三)之爬取豆瓣电影短评
查看>>
HDU 5510 Bazinga KMP
查看>>
[13年迁移]Firefox下margin-top问题
查看>>
Zookeeper常用命令 (转)
查看>>
Java程序IP v6与IP v4的设置
查看>>
RUP(Rational Unified Process),统一软件开发过程
查看>>
数据库链路创建方法
查看>>
Enterprise Library - Data Access Application Block 6.0.1304
查看>>
重构代码 —— 函数即变量(Replace temp with Query)
查看>>
Bootstrap栅格学习
查看>>
程序员的数学
查看>>
聚合与组合
查看>>
jQuery如何获得select选中的值?input单选radio选中的值
查看>>
设计模式 之 享元模式
查看>>
如何理解汉诺塔
查看>>
洛谷 P2089 烤鸡【DFS递归/10重枚举】
查看>>
15 FFT及其框图实现
查看>>
Linux基本操作
查看>>
osg ifc ifccolumn
查看>>
C++ STL partial_sort
查看>>