IOS開發(fā)之Autolayout——“Content Compression Resistance”和“Content Hugging”

在使用storyboard進行UI布局時,我們經常不經意間會注意到“Content Compression Resistance Priority”和“Content Hugging Priority”這兩個屬性熄云。

下面給大家簡單介紹下這兩個小家伙:

首先,我們得先來了解下另一個屬性intrinsic size(固有尺寸)匀借,一個根據自身內容大小而決定的尺寸误墓。我們都知道,UIButton溅固、UILabel等尔邓,在布局時并不需要給它們設置所有constraints灾常,只需要設置 leading space 和 top space 等能決定 X跟Y的constraints 就能夠進行布局,這就是它們的intrinsic size在起作用铃拇,決定它們的寬高钞瀑。

那么,“Content Compression Resistance Priority”和“Content Hugging Priority”這兩個小家伙跟intrinsic size有什么淵源慷荔?

在開發(fā)中雕什,我們難免會同時對兩個UILabel或者UIButton進行布局,比如水平并行布局显晶,或者垂直并行布局:

我只是簡單的為它們添加了決定x和y的constraints贷岸,并沒有給他們其他設置,按照我們剛才講的intrinsic size(固有尺寸)兩個label應該在除了x和y不同外磷雇,寬高保持一致偿警。但是,正如你我所見唯笙,在storyboard上螟蒸,兩個label寬高并不一樣。水平并行的label寬度不同崩掘,垂直并行的label高度不同七嫌。可見苞慢,intrinsic size(固有尺寸)在同時對多個label進行布局時并不顯得那么夠诵原!

產生這樣的效果的原因是:

1. 在水平并行布局中,兩個label的intrinsic size(固有尺寸)加起來比它們的父view(圖中藍色的view)還要寬,因此父view沒辦法完全展示它們绍赛,只能通過壓縮它們來實現蔓纠;

2. 而在垂直并行布局中,兩個label的intrinsic size(固有尺寸)加起來并沒有它們的父view那么高吗蚌,父view為了展示他們腿倚,只能將它們拉伸。

通過上圖褪测,我們清楚的看到,系統(tǒng)并不是同時對兩個label進行壓縮或者拉伸潦刃,而是只針對其中一個侮措。這就是intrinsic size(固有尺寸)跟“Content Compression Resistance Priority”和“Content Hugging Priority”這兩個小家伙的關系了。

“Content Compression Resistance Priority”乖杠,也叫內容壓縮阻力優(yōu)先級(小名:別擠我)分扎,該優(yōu)先級越高,則越晚輪到被壓縮胧洒。

“Content Hugging Priority”畏吓,也叫內容緊靠優(yōu)先級(小名:別扯我),該優(yōu)先級越高卫漫,這越晚輪到被拉伸菲饼。

因此,在父view大小不夠布局子label時列赎,我們可以通過增加某個label的Content Compression Resistance Priority(內容壓縮阻力優(yōu)先級)來防止被壓縮宏悦。當然降低自身則可以讓自己被壓縮。

同理包吝,在父view大小太大時饼煞,我們可以通過增加label的Content Hugging Priority(內容緊靠優(yōu)先級)來防止被拉伸。降低則可以達到被拉伸的目的诗越。

歡迎大家拍磚交流

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末砖瞧,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子嚷狞,更是在濱河造成了極大的恐慌块促,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,941評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件床未,死亡現場離奇詭異褂乍,居然都是意外死亡,警方通過查閱死者的電腦和手機即硼,發(fā)現死者居然都...
    沈念sama閱讀 93,397評論 3 395
  • 文/潘曉璐 我一進店門逃片,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事褥实⊙嚼牵” “怎么了?”我有些...
    開封第一講書人閱讀 165,345評論 0 356
  • 文/不壞的土叔 我叫張陵损离,是天一觀的道長哥艇。 經常有香客問我,道長僻澎,這世上最難降的妖魔是什么貌踏? 我笑而不...
    開封第一講書人閱讀 58,851評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮窟勃,結果婚禮上祖乳,老公的妹妹穿的比我還像新娘。我一直安慰自己秉氧,他們只是感情好眷昆,可當我...
    茶點故事閱讀 67,868評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著汁咏,像睡著了一般亚斋。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上攘滩,一...
    開封第一講書人閱讀 51,688評論 1 305
  • 那天帅刊,我揣著相機與錄音,去河邊找鬼漂问。 笑死厚掷,一個胖子當著我的面吹牛,可吹牛的內容都是我干的级解。 我是一名探鬼主播冒黑,決...
    沈念sama閱讀 40,414評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼勤哗!你這毒婦竟也來了抡爹?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,319評論 0 276
  • 序言:老撾萬榮一對情侶失蹤芒划,失蹤者是張志新(化名)和其女友劉穎冬竟,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體民逼,經...
    沈念sama閱讀 45,775評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡泵殴,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了拼苍。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片笑诅。...
    茶點故事閱讀 40,096評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出吆你,到底是詐尸還是另有隱情弦叶,我是刑警寧澤,帶...
    沈念sama閱讀 35,789評論 5 346
  • 正文 年R本政府宣布妇多,位于F島的核電站伤哺,受9級特大地震影響,放射性物質發(fā)生泄漏者祖。R本人自食惡果不足惜立莉,卻給世界環(huán)境...
    茶點故事閱讀 41,437評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望七问。 院中可真熱鬧蜓耻,春花似錦、人聲如沸烂瘫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽坟比。三九已至,卻和暖如春嚷往,著一層夾襖步出監(jiān)牢的瞬間葛账,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評論 1 271
  • 我被黑心中介騙來泰國打工皮仁, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留籍琳,地道東北人。 一個月前我還...
    沈念sama閱讀 48,308評論 3 372
  • 正文 我出身青樓贷祈,卻偏偏與公主長得像趋急,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子势誊,可洞房花燭夜當晚...
    茶點故事閱讀 45,037評論 2 355

推薦閱讀更多精彩內容