iOS自動(dòng)布局2 —intrinsic content size, compression resistance, content hugging

之前說(shuō)到自動(dòng)布局的關(guān)鍵就是給出正確且完整的約束。那么看一下下面的例子給出的例子約束是否完整:

(這里使用Masonry來(lái)描述約束,可以參考https://github.com/SnapKit/Masonry,但是我覺(jué)得直接看也能夠看得懂了)

    UILabel *label = [[UILabel alloc] init];
    label.font = [UIFont systemFontOfSize:15];
    label.text = @"Hello";
    [self.view addSubview:label];
    [label mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(self.view.mas_left).offset(16);
        make.top.equalTo(self.view.mas_top).offset(16);
    }];

這里只定義了兩個(gè)約束颂碧,left 和 top,只夠計(jì)算出frame的originX和orginY,沒(méi)有width和height软驰。那么是不是屬于不完整的約束呢?其實(shí)在這里給出的約束已經(jīng)是完整的了心肪。因?yàn)閷?duì)于UILabel這個(gè)控件而言 锭亏,只要通過(guò)其font和text系統(tǒng)就可以計(jì)算出Label該有的長(zhǎng)度和寬度。這里的長(zhǎng)度和寬度就是UILabel的intrinsic content size(固有屬性)硬鞍。

官方文檔給出的視圖與intrinsic content size:

View Intrinsic content size
UIView and NSView No intrinsic content size.
Sliders Defines only the width
Labels, buttons, switches, and text fields Defines both the height and the width.
Text views and image views Intrinsic content size can vary.

那么對(duì)于具有intrinsic content size的視圖來(lái)說(shuō)慧瘤,是不是意味著自動(dòng)幫該這些視圖添加了像width=a,height=b這樣的約束呢固该?

這里锅减,其實(shí)在布局的時(shí)候會(huì)添加四個(gè)約束(對(duì)于height 和 width均有intrinsic size的情況下):

  1. // Compression Resistance
  2. View.height >= IntrinsicHeight
  3. View.width >= IntrinsicWidth
  4. // Content Hugging
  5. View.height <= IntrinsicHeight
  6. View.width <= IntrinsicWidth

compression resistance

2,3為抗壓縮約束伐坏,防止視圖被壓縮怔匣,約束默認(rèn)的優(yōu)先級(jí)為750(UILayoutPriorityDefaultHigh)。設(shè)置的API為:

- (void)setContentCompressionResistancePriority:(UILayoutPriority)priority forAxis:(UILayoutConstraintAxis)axis

axis參數(shù)表示方向桦沉,水平或者垂直每瞒。

content hugging

6,7約束防止視圖被拉伸纯露,約束的默認(rèn)優(yōu)先級(jí)為250(UILayoutPriorityDefaultLow)剿骨。設(shè)置的API為:

- (void)setContentHuggingPriority:(UILayoutPriority)priority forAxis:(UILayoutConstraintAxis)axis

應(yīng)用

一般我們會(huì)如何運(yùn)用compression resistance 和 content hugging呢?

給出一個(gè)比較常見(jiàn)的需求:

在同一行中顯示標(biāo)題和時(shí)間埠褪,時(shí)間必須顯示完全浓利,標(biāo)題如果太長(zhǎng)就截取可顯示的部分挤庇,剩余的用…表示。

代碼如下:

    UILabel *titleLabel = [[UILabel alloc] init];
    [self.view addSubview:titleLabel];
    titleLabel.text = @"Each of these constraints can have its own priority. By default, ";
    [titleLabel mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(self.view.mas_left).offset(16);
        make.top.equalTo(self.view.mas_top).offset(100);
    }];
    
    UILabel *timeLabel = [[UILabel alloc] init];
    timeLabel.text = @"2017/03/12 18:20:22";
    [self.view addSubview:timeLabel];
    [timeLabel mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(titleLabel.mas_right).offset(8);
        make.top.equalTo(titleLabel.mas_top);
        make.right.lessThanOrEqualTo(self.view.mas_right).offset(-8);
    }];
//    [timeLabel setContentCompressionResistancePriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisHorizontal];

最后一句被注釋的結(jié)果:

compress1

去掉注釋后的結(jié)果:

compress2

這是因?yàn)槿サ糇⑨尯筌癖欤瑃imeLabel的水平抗壓縮約束的優(yōu)先級(jí)(required罚随,1000)高于titleLabel的優(yōu)先級(jí)(750)。所以這里被壓縮的是titleLabel羽资。同理也可應(yīng)用于content hugging淘菩,只是將方向方向改變一下。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末屠升,一起剝皮案震驚了整個(gè)濱河市潮改,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌腹暖,老刑警劉巖汇在,帶你破解...
    沈念sama閱讀 211,042評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異脏答,居然都是意外死亡糕殉,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門(mén)殖告,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)阿蝶,“玉大人,你說(shuō)我怎么就攤上這事黄绩∠劢啵” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,674評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵爽丹,是天一觀的道長(zhǎng)筑煮。 經(jīng)常有香客問(wèn)我,道長(zhǎng)粤蝎,這世上最難降的妖魔是什么真仲? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,340評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮初澎,結(jié)果婚禮上袒餐,老公的妹妹穿的比我還像新娘。我一直安慰自己谤狡,他們只是感情好灸眼,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,404評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著墓懂,像睡著了一般焰宣。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上捕仔,一...
    開(kāi)封第一講書(shū)人閱讀 49,749評(píng)論 1 289
  • 那天匕积,我揣著相機(jī)與錄音盈罐,去河邊找鬼。 笑死闪唆,一個(gè)胖子當(dāng)著我的面吹牛盅粪,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播悄蕾,決...
    沈念sama閱讀 38,902評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼票顾,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了帆调?” 一聲冷哼從身側(cè)響起奠骄,我...
    開(kāi)封第一講書(shū)人閱讀 37,662評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎番刊,沒(méi)想到半個(gè)月后含鳞,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,110評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡芹务,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評(píng)論 2 325
  • 正文 我和宋清朗相戀三年蝉绷,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片枣抱。...
    茶點(diǎn)故事閱讀 38,577評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡熔吗,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出沃但,到底是詐尸還是另有隱情,我是刑警寧澤佛吓,帶...
    沈念sama閱讀 34,258評(píng)論 4 328
  • 正文 年R本政府宣布宵晚,位于F島的核電站,受9級(jí)特大地震影響维雇,放射性物質(zhì)發(fā)生泄漏淤刃。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,848評(píng)論 3 312
  • 文/蒙蒙 一吱型、第九天 我趴在偏房一處隱蔽的房頂上張望逸贾。 院中可真熱鬧,春花似錦津滞、人聲如沸铝侵。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,726評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)咪鲜。三九已至,卻和暖如春撞鹉,著一層夾襖步出監(jiān)牢的瞬間疟丙,已是汗流浹背颖侄。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,952評(píng)論 1 264
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留享郊,地道東北人览祖。 一個(gè)月前我還...
    沈念sama閱讀 46,271評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像炊琉,于是被迫代替她去往敵國(guó)和親展蒂。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,452評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容