UIStackView

iOS9在布局方面最大的變化就是引入了UIStackView.那么它是什么呢享完?簡單講就是一個容器里可以包含多個控件,分為水平和豎直排列.我們只需約束這個容器即可有额,而不用一個個地去約束容器內(nèi)的控件.而且這個容器是可以嵌套的.如果你接觸過Watch開發(fā),UIStackView有點像其中的Group控件.那就隨我去瞅瞅它是什么吧!
首先選中三個UIButton:

Screen Shot 2015-10-27 at 9.15.48 PM.png

Screen Shot 2015-10-27 at 9.16.54 PM.png

然后點一下約束左邊的那個有箭頭的東西:

Screen Shot 2015-10-27 at 9.17.49 PM.png

ok,已經(jīng)很輕松的完成了一個UIStackView!

Screen Shot 2015-10-27 at 9.18.57 PM.png

然后只要約束一下這個UIStackView就可以了.

Screen Shot 2015-10-27 at 9.21.16 PM.png

我們可以看到這個UIStackView有幾個屬性:三個按鈕水平并排般又,可以看到Axis的屬性為Horizontal,即軸線屬性為水平.Distribution屬性為Equal Spacing即相隔相同距離.All Done.很容易就完成了這三個按鈕的布局.而如果按照以往,你可能需要做很多約束:(

Screen Shot 2015-10-27 at 9.27.24 PM.png

關(guān)于Alignment的屬性,水平和豎直時有區(qū)別:

Screen Shot 2015-10-27 at 9.59.19 PM.png

水平時各個屬性的效果:

Screen Shot 2015-10-27 at 10.00.56 PM.png
Screen Shot 2015-10-27 at 10.01.15 PM.png

豎直時各個屬性的效果:

Screen Shot 2015-10-27 at 10.01.51 PM.png

AutoLayout還有兩個新物件layout anchorslayout guides

  • Layout anchors
    當我們有兩個UILabel,bottomLabel和topLabel,你想把bottomLabel放在topLabel右邊間隔8 points的位置,以前你需要添加如下約束:
let constraint = NSLayoutConstraint( 
   item: topLabel, 
   attribute: .Bottom, 
   relatedBy: .Equal,
   toItem: bottomLabel, 
   attribute: .Top,
   multiplier: 1, 
   constant: 8
)

現(xiàn)在可以簡化為:

    let constraint = topLabel.bottomAnchor.constraintEqualToAnchor(
          bottomLabel.topAnchor, constant: 8)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市巍佑,隨后出現(xiàn)的幾起案子茴迁,更是在濱河造成了極大的恐慌,老刑警劉巖萤衰,帶你破解...
    沈念sama閱讀 219,270評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件堕义,死亡現(xiàn)場離奇詭異,居然都是意外死亡腻菇,警方通過查閱死者的電腦和手機胳螟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來筹吐,“玉大人糖耸,你說我怎么就攤上這事∏鹧Γ” “怎么了嘉竟?”我有些...
    開封第一講書人閱讀 165,630評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長洋侨。 經(jīng)常有香客問我舍扰,道長,這世上最難降的妖魔是什么希坚? 我笑而不...
    開封第一講書人閱讀 58,906評論 1 295
  • 正文 為了忘掉前任边苹,我火速辦了婚禮,結(jié)果婚禮上裁僧,老公的妹妹穿的比我還像新娘个束。我一直安慰自己慕购,他們只是感情好,可當我...
    茶點故事閱讀 67,928評論 6 392
  • 文/花漫 我一把揭開白布茬底。 她就那樣靜靜地躺著沪悲,像睡著了一般。 火紅的嫁衣襯著肌膚如雪阱表。 梳的紋絲不亂的頭發(fā)上殿如,一...
    開封第一講書人閱讀 51,718評論 1 305
  • 那天,我揣著相機與錄音最爬,去河邊找鬼涉馁。 笑死,一個胖子當著我的面吹牛爱致,可吹牛的內(nèi)容都是我干的谨胞。 我是一名探鬼主播,決...
    沈念sama閱讀 40,442評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼蒜鸡,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了牢裳?” 一聲冷哼從身側(cè)響起逢防,我...
    開封第一講書人閱讀 39,345評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎蒲讯,沒想到半個月后忘朝,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,802評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡判帮,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,984評論 3 337
  • 正文 我和宋清朗相戀三年局嘁,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片晦墙。...
    茶點故事閱讀 40,117評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡悦昵,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出晌畅,到底是詐尸還是另有隱情但指,我是刑警寧澤,帶...
    沈念sama閱讀 35,810評論 5 346
  • 正文 年R本政府宣布抗楔,位于F島的核電站棋凳,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏连躏。R本人自食惡果不足惜剩岳,卻給世界環(huán)境...
    茶點故事閱讀 41,462評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望入热。 院中可真熱鬧拍棕,春花似錦晓铆、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至幅垮,卻和暖如春腰池,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背忙芒。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評論 1 272
  • 我被黑心中介騙來泰國打工示弓, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人呵萨。 一個月前我還...
    沈念sama閱讀 48,377評論 3 373
  • 正文 我出身青樓奏属,卻偏偏與公主長得像,于是被迫代替她去往敵國和親潮峦。 傳聞我的和親對象是個殘疾皇子囱皿,可洞房花燭夜當晚...
    茶點故事閱讀 45,060評論 2 355

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

  • 作者:Umberto Raimondi,原文鏈接忱嘹,原文日期:2015-12-08譯者:CoderAFI嘱腥;校對:Ch...
    梁杰_numbbbbb閱讀 1,294評論 0 7
  • 前言 首先,我們通過下面這張圖片引出今天的主角 大家看到了什么拘悦,是愛嗎齿兔?不,這不是愛础米,不是愛分苇,是滿滿的‘愁緒’???...
    一念之見閱讀 2,201評論 0 2
  • 這是一篇挺老的文章屁桑,主要就是介紹在iOS9時推出的控件UIStackView医寿。我發(fā)現(xiàn)網(wǎng)上的資料并不算多,而AppC...
    Liberalism閱讀 11,096評論 2 26
  • 距離iOS9發(fā)布已經(jīng)接近一年了掏颊,我們即將引來新的iOS 10,為何在這個時候來介紹iOS9中新引入的一個布局組件呢...
    CZ_iOS閱讀 7,500評論 9 59
  • 該文章屬于劉小壯原創(chuàng)糟红,轉(zhuǎn)載請注明:劉小壯[http://www.reibang.com/u/2de707c93d...
    劉小壯閱讀 15,544評論 5 73