最近每周末都會(huì)看葉孤城的直播,對(duì)于我們iOS開(kāi)發(fā)者來(lái)說(shuō),確實(shí)是一個(gè)福利杯道,很感謝他們的分享精神,收獲到的一些東西特此記錄下责蝠。
12月12號(hào) Masonry
昨天聽(tīng)了里脊串的視頻之后党巾,對(duì)Masonry 有進(jìn)一步了解。
Masonry的進(jìn)一步認(rèn)識(shí)
以前用Masonry感覺(jué)就是把一些約束條件一加霜医,就完事了齿拂,沒(méi)有進(jìn)行一些細(xì)致的了解。
首先看一下系統(tǒng)的肴敛,通過(guò)這七個(gè)參數(shù)來(lái)大致了解下
[NSLayoutConstraint constraintWithItem:self.testRedView // 第一個(gè)視圖
attribute:NSLayoutAttributeTop // 第一個(gè)視圖的屬性attr1
relatedBy:NSLayoutRelationEqual // 兩個(gè)視圖的關(guān)系
toItem:self.view // 第二個(gè)視圖
attribute:NSLayoutAttributeTop // 第二個(gè)視圖的屬性attr1
multiplier:1.0 //乘
constant:10]; //常量
相當(dāng)于// view1.attr1 <relation> view2.attr2 * multiplier + constant
而Masonry中可以分為這五個(gè)參數(shù)來(lái)了解
Attribute(屬性) ,Relation(關(guān)系),Multiplier(乘),Constant(大小),Priority(優(yōu)先級(jí))
Attribute
leading
和trailing
是和left
和right
是相同的署海,只是考慮到阿拉伯國(guó)家不用左右而定的,官方就用前面一組的医男。
Relation
typedef NS_ENUM(NSInteger, NSLayoutRelation) {
NSLayoutRelationLessThanOrEqual = -1, // 小于或等于
NSLayoutRelationEqual = 0, // 相等
NSLayoutRelationGreaterThanOrEqual = 1, //大于或等于
};
Multiplier
簡(jiǎn)單的說(shuō)砸狞,就是兩種之間的倍數(shù),例如經(jīng)常使用
make.width.equalTo(self.view.mas_width).multipliedBy(0.5);
Constant
就是我們常用的常量
Priority 優(yōu)先級(jí)
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注意點(diǎn)一
有時(shí)我們用的是NavgationController,會(huì)導(dǎo)致我們?nèi)绻苯佑?/p>
make.top.equalTo(self.view.as_top);
會(huì)被狀態(tài)欄遮住.
所以此時(shí)我們需要注意下面幾個(gè)屬性啦
此時(shí)可以用
make.top.equalTo(self.mas_topLayoutGuideBottom);
代替上面 make.top.equalTo(self.view.as_top)
或者采取下面的方法镀梭,都能解決遮住狀態(tài)欄的問(wèn)題
self.edgesForExtendedLayout = UIRectEdgeNone;
self.automaticallyAdjustsScrollViewInsets = NO;
Masonry注意點(diǎn)二
intrinsicContentSize
這個(gè)方法在我們沒(méi)有指定高度或?qū)挾鹊臅r(shí)候刀森,它會(huì)自動(dòng)幫我們確定寬度或高度,特別是用于UILabel的時(shí)候是相當(dāng)方便的报账。
- (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];
這個(gè)要根據(jù)情況而定研底,有時(shí)會(huì)很有用的。
- setContentHuggingPriority: 優(yōu)先級(jí)越高透罢,代表壓縮越厲害榜晦,越晚被拉伸。就是上圖中那人拉的力量更強(qiáng)琐凭。
- setContentCompressionResistancePriority:: 優(yōu)先級(jí)越高芽隆,代表拉伸越厲害,越晚被壓縮统屈。就是上圖那人推的力量更強(qiáng)胚吁。
Masonry注意問(wèn)題三
- (NSArray *)mas_makeConstraints:(void(^)(MASConstraintMaker *make))block;
- (NSArray *)mas_updateConstraints:(void(^)(MASConstraintMaker *make))block;
- (NSArray *)mas_remakeConstraints:(void(^)(MASConstraintMaker *make))block;
/*
mas_makeConstraints 只負(fù)責(zé)新增約束 Autolayout不能同時(shí)存在兩條針對(duì)于同一對(duì)象的約束 否則會(huì)報(bào)錯(cuò)
mas_updateConstraints 針對(duì)上面的情況 會(huì)更新在block中出現(xiàn)的約束 不會(huì)導(dǎo)致出現(xiàn)兩個(gè)相同約束的情況
mas_remakeConstraints 則會(huì)清除之前的所有約束 僅保留最新的約束
三種函數(shù)善加利用 就可以應(yīng)對(duì)各種情況了
*/
設(shè)置動(dòng)畫(huà)改變的時(shí)候,就是改變某一項(xiàng)屬性愁憔,位置或大小腕扶,此時(shí)需要用到mas_updateConstraints:
Masonry中ScrollerView
注意的是UIScrollView依靠與其subviews之間的約束來(lái)確定ContentSize的大小,所以它很特殊吨掌,我們添加約束的時(shí)候半抱,常常額外給其添加一個(gè)ContentView,控制subViews脓恕。
UIView *container = [[UIView alloc] init];
[testScrollView addSubview:container];
[container mas_makeConstraints:^(MASConstraintMaker *make) {
make.edges.equalTo(testScrollView);
make.width.equalTo(testScrollView);
}];
然后最后的時(shí)候最后再根據(jù)subViews更新達(dá)到效果。
[container mas_updateConstraints:^(MASConstraintMaker *make) {
make.bottom.mas_equalTo(subView.mas_bottom).with.offset(40);
}];
詳細(xì)的可以看串哥這篇博客.
備注
很感謝串哥窿侈,這是里脊串的博客炼幔,特此分享。作為同是長(zhǎng)沙人的我史简,真是我學(xué)習(xí)的榜樣啊乃秀,??。