對于一個 手機(jī)頁面的構(gòu)建 總是少不了一些 位置怎么擺放的設(shè)置方法家乘。 他們并不是我們可見的組件(text,button)藏澳。但是作為幕后工作者 它們是不可或缺的仁锯。他們?yōu)橐粋€頁面的構(gòu)建的擺放 提供了不可或缺滴方法。
在這里 我們隆重的推出一號人物 VSTack笆载。
VStack 是 Vertical Stack的縮寫。它可以收納一切的View 在自己的名下涯呻。并且可以一個接一個的縱向的擺放下去凉驻。
VStack
- VStack 自己也是一個View
- 它可以包納其他的View 作為自己的 子Views。
當(dāng)我們用xcode 創(chuàng)建簡單的VStack 如下:
代碼
那我們得到的結(jié)果如下:
結(jié)果
我們可以看出在沒有進(jìn)行任何配置的情況下复罐,我們得到的結(jié)果 就是一個挨一個的緊湊排放涝登。那如果我們想讓每一個subview之間有一些空隙怎么辦呢?
只需要傳入一個spacing的參數(shù) 設(shè)置上我們想要的數(shù)值就好了
加上Spacing 配置
是不是感覺漂亮不少啊效诅。說明一點(diǎn)代碼也需要打扮打扮滴胀滚。
結(jié)果
在這里 我舉例不當(dāng) 導(dǎo)致subview 的長度一樣了。但是現(xiàn)實(shí)生活中 很難保證大家都是一個模子刻出來滴乱投。那怎么怎么辦呢咽笼? 稍安勿躁。記住 只要不滿意戚炫, 參數(shù)來揍
加了 對齊參數(shù)滴
對齊后的結(jié)果
是不是看著舒爽了很多剑刑。 在此就不展示去掉對齊參數(shù)的丑陋的一面了。有喜歡滴朋友自行獨(dú)賞吧双肤。
開篇的時候 講過 VStack 可以讓一切的view作為自己的子view施掏。當(dāng)然 也包括自己。
嵌套自己玩玩
sub VStack 作為整體
這里可以度出來幾層意思:
- View的參數(shù) 只是對自己的更改茅糜。我們只對最外層的VStack進(jìn)行了配參 那Sub VStack還是保持默認(rèn)滴
- subview 作為整體 進(jìn)行父view的展示
是不是很簡單七芭?
好了 今天就寫到這里了 周末要嗨皮去了。
Fred Lei