iOS-UIStackView淺析

一、UIStackView簡介
  • 概念:一個堆疊視圖的容器绩脆,iOS9的新特性萤厅。
  • 用途:StackView及其子視圖會自適應(yīng)界面,減少我們設(shè)置約束的工作量。
  • 特點(diǎn):
  • -類似ContainView,不會渲染到界面上靴迫。
  • -StackView中的子視圖只能朝一個方向進(jìn)行排布,要么水平要么垂直。
  • -StackView支持多層嵌套
  • -約束比StackView的自適應(yīng)優(yōu)先級高,可以通過設(shè)置約束來調(diào)整StackView的布局
  • -支持屬性動畫
  • -不能滾動
  • 屬性:
  • -Axis軸:->用來設(shè)置子視圖的排列方式(H/V)
  • -Aligement:->用來設(shè)置子視圖的對齊方式
  • -Distribution->用來設(shè)置子視圖的分布方式(fill-填充)
  • -spacing->子視圖之間的間距


    屬性展示
二楼誓、屬性詳解
  • @Aligement-子視圖的對齊方式
    - Fill:子視圖在排列的垂直方向上填充容器
    fill填充

    - Top:子視圖在排列方向上頂部對齊
    top頂部對齊

    - Center:子視圖在排列方向上居中對齊
    Center居中對齊

    - Bottom:子視圖在排列方向上底部對齊
    Bottom底部對齊

    - Leading:子視圖在排列方向上左對齊
    leading左對齊

    - Trailing:子視圖在排列方向上右對齊
    Trailing右對齊

    - First Baseline:Label子視圖基于第一行文字的基線對齊,只適用于Label
    First Baseline-首行l(wèi)abel對齊

    - Last Baseline:Label子視圖基于最后一次行文字的基線對齊,只適用于Label
    Last Baseline末行l(wèi)abel對齊
  • @Distribution-子視圖的分布方式
    - Fill:子視圖在排列方向上填滿容器
    Fill-填滿

    - Fill Equally:子視圖在排列方向上填滿容器,且按相等尺寸分布
    Fill Equally-按相等尺寸分布

    - Fill Proportionally:子視圖在排列方向上填滿容器,且按照原始比例分布
    Fill Proportionally-按照原始比例分布

    - Equal Spacing:排列方向上子視圖等間距
    Equal Spacing-子視圖等間距

    - Equal Centering:排列方向上子視圖中心點(diǎn)之間的距離等間距
    Equal Centering-中心點(diǎn)之間的距離等間距
  • @Spacing-子視圖之間的間距
    - Baseline Relation:設(shè)置spacing為上Label基線之間的間距(垂直排列時基線才會有間距)

三玉锌、subView和arrangedSubView
對于Stack View的子控件添加和移除,我們是這樣描述的疟羹。

  • 添加-->(Stack View管理的subview)
    • addArrangedSubview:
    • insertArrangedSubview:atIndex: arrangedSubviews
      數(shù)組是subviews屬性的子集主守。
  • 移除-->(Stack View管理的subview)
  • removeArrangedSubview:-->移除是指移除Stack View內(nèi)部子控件的約束,并沒有真正的把控件從父視圖上移除。
  • removeFromSuperview-->從視圖層次結(jié)構(gòu)中刪除,從父視圖上刪除
四榄融、知識點(diǎn)小結(jié)
  • 1参淫、Axis表示Stack View的subview是水平排布還是垂直排布。
  • 2愧杯、Alignment控制subview對齊方式涎才。
  • 3、Distribution定義subview的分布方式力九。
  • 4耍铜、Spacing 為subview間的最小間距。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末跌前,一起剝皮案震驚了整個濱河市棕兼,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌抵乓,老刑警劉巖伴挚,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異灾炭,居然都是意外死亡茎芋,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進(jìn)店門咆贬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來败徊,“玉大人,你說我怎么就攤上這事掏缎≈灞模” “怎么了煤杀?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長沪哺。 經(jīng)常有香客問我沈自,道長,這世上最難降的妖魔是什么辜妓? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任枯途,我火速辦了婚禮,結(jié)果婚禮上籍滴,老公的妹妹穿的比我還像新娘酪夷。我一直安慰自己,他們只是感情好孽惰,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布晚岭。 她就那樣靜靜地躺著,像睡著了一般勋功。 火紅的嫁衣襯著肌膚如雪坦报。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天狂鞋,我揣著相機(jī)與錄音片择,去河邊找鬼。 笑死骚揍,一個胖子當(dāng)著我的面吹牛字管,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播疏咐,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼纤掸,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了浑塞?” 一聲冷哼從身側(cè)響起借跪,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎酌壕,沒想到半個月后掏愁,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡卵牍,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年果港,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片糊昙。...
    茶點(diǎn)故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡辛掠,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情萝衩,我是刑警寧澤回挽,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站猩谊,受9級特大地震影響千劈,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜牌捷,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一墙牌、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧暗甥,春花似錦喜滨、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至即碗,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間陌凳,已是汗流浹背剥懒。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留合敦,地道東北人初橘。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像充岛,于是被迫代替她去往敵國和親保檐。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評論 2 344

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

  • 轉(zhuǎn)載:http://www.cocoachina.com/swift/20161201/18198.html 前言...
    F麥子閱讀 4,297評論 2 8
  • UIStackView to resize/layout 自適應(yīng)崔梗、適配夜只、布局這幾個關(guān)鍵詞一直伴隨著iOS開發(fā),從以...
    萌新小透明閱讀 2,091評論 1 1
  • 概念:一個用于堆疊視圖的容器 , iOS9 的API , 適用于通用設(shè)備開發(fā) 用途:StackView及其子視圖可...
    ShenYj閱讀 1,078評論 0 1
  • 前言 TangramKit是iOS系統(tǒng)下用Swift編寫的第三方界面布局框架蒜魄。他集成了iOS的AutoLayout...
    歐陽大哥2013閱讀 9,388評論 12 74
  • 今天谈为,六十而耳順的大爺大娘們旅挤, 有福了。 他們在新時代的中國伞鲫, 開起了“小寶馬”電動車粘茄。 大爺趾高, 大娘氣揚(yáng)秕脓, ...
    阿里123閱讀 278評論 0 1