最近每周末都会看叶孤城的直播,对于我们iOS开发者来说,确实是一个福利,很感谢他们的分享精神,收获到的一些东西特此记录下。
12月12号 Masonry
昨天听了里脊串的视频之后,对Masonry 有进一步了解。
Masonry的进一步认识
以前用Masonry感觉就是把一些约束条件一加,就完事了,没有进行一些细致的了解。
首先看一下系统的,通过这七个参数来大致了解下
[NSLayoutConstraint constraintWithItem:self.testRedView // 第一个视图
attribute:NSLayoutAttributeTop // 第一个视图的属性attr1
relatedBy:NSLayoutRelationEqual // 两个视图的关系
toItem:self.view // 第二个视图
attribute:NSLayoutAttributeTop // 第二个视图的属性attr1
multiplier:1.0 //乘
constant:10]; //常量
相当于// view1.attr1 <relation> view2.attr2 * multiplier + constant
而Masonry中可以分为这五个参数来了解
Attribute(属性) ,Relation(关系),Multiplier(乘),Constant(大小),Priority(优先级)
Attribute
leading
和trailing
是和left
和right
是相同的,只是考虑到阿拉伯国家不用左右而定的,官方就用前面一组的。
Relation
typedef NS_ENUM(NSInteger, NSLayoutRelation) {
NSLayoutRelationLessThanOrEqual = -1, // 小于或等于
NSLayoutRelationEqual = 0, // 相等
NSLayoutRelationGreaterThanOrEqual = 1, //大于或等于
};
Multiplier
简单的说,就是两种之间的倍数,例如经常使用
make.width.equalTo(self.view.mas_width).multipliedBy(0.5);
Constant
就是我们常用的常量
Priority 优先级
static const UILayoutPriority UILayoutPriorityRequired NS_AVAILABLE_IOS(6_0) = 1000;
static const UILayoutPriority UILayoutPriorityDefaultHigh NS_AVAILABLE_IOS(6_0) = 750;
static const UILayoutPriority UILayoutPriorityDefaultLow NS_AVAILABLE_IOS(6_0) = 250;
static const UILayoutPriority UILayoutPriorityFittingSizeLevel NS_AVAILABLE_IOS(6_0) = 50;
Masonry注意点一
有时我们用的是NavgationController,会导致我们如果直接用
make.top.equalTo(self.view.as_top);
会被状态栏遮住.
所以此时我们需要注意下面几个属性啦
此时可以用
make.top.equalTo(self.mas_topLayoutGuideBottom);
代替上面 make.top.equalTo(self.view.as_top)
或者采取下面的方法,都能解决遮住状态栏的问题
self.edgesForExtendedLayout = UIRectEdgeNone;
self.automaticallyAdjustsScrollViewInsets = NO;
Masonry注意点二
intrinsicContentSize
这个方法在我们没有指定高度或宽度的时候,它会自动帮我们确定宽度或高度,特别是用于UILabel的时候是相当方便的。
- (UILabel *)testLabel
{
if(!_testLabel)
{
_testLabel = [[UILabel alloc] init];
_testLabel.text = @"hjsfjhfkjfskfsdkjfdskj";
_testLabel.numberOfLines = 0;
_testLabel.backgroundColor = [UIColor redColor];
}
return _testLabel;
}
[self.view addSubview:self.testLabel];
[self.testLabel mas_makeConstraints:^(MASConstraintMaker * make){
make.width.equalTo(@100);
make.top.equalTo(@100);
make.left.equalTo(@50);
}];
Content Priority 拉伸和压缩
[self.testLabel setContentHuggingPriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisHorizontal];
[self.testLabel setContentCompressionResistancePriority:UILayoutPriorityDefaultLow forAxis:UILayoutConstraintAxisVertical];
这个要根据情况而定,有时会很有用的。
- setContentHuggingPriority: 优先级越高,代表压缩越厉害,越晚被拉伸。就是上图中那人拉的力量更强。
- setContentCompressionResistancePriority:: 优先级越高,代表拉伸越厉害,越晚被压缩。就是上图那人推的力量更强。
Masonry注意问题三
- (NSArray *)mas_makeConstraints:(void(^)(MASConstraintMaker *make))block;
- (NSArray *)mas_updateConstraints:(void(^)(MASConstraintMaker *make))block;
- (NSArray *)mas_remakeConstraints:(void(^)(MASConstraintMaker *make))block;
/*
mas_makeConstraints 只负责新增约束 Autolayout不能同时存在两条针对于同一对象的约束 否则会报错
mas_updateConstraints 针对上面的情况 会更新在block中出现的约束 不会导致出现两个相同约束的情况
mas_remakeConstraints 则会清除之前的所有约束 仅保留最新的约束
三种函数善加利用 就可以应对各种情况了
*/
设置动画改变的时候,就是改变某一项属性,位置或大小,此时需要用到mas_updateConstraints:
Masonry中ScrollerView
注意的是UIScrollView依靠与其subviews之间的约束来确定ContentSize的大小,所以它很特殊,我们添加约束的时候,常常额外给其添加一个ContentView,控制subViews。
UIView *container = [[UIView alloc] init];
[testScrollView addSubview:container];
[container mas_makeConstraints:^(MASConstraintMaker *make) {
make.edges.equalTo(testScrollView);
make.width.equalTo(testScrollView);
}];
然后最后的时候最后再根据subViews更新达到效果。
[container mas_updateConstraints:^(MASConstraintMaker *make) {
make.bottom.mas_equalTo(subView.mas_bottom).with.offset(40);
}];
详细的可以看串哥这篇博客.
备注
很感谢串哥,这是里脊串的博客,特此分享。作为同是长沙人的我,真是我学习的榜样啊,⛽️。