啊,StackView好像真的很屌,來研究一下。
前言
本文會談的東西,應該是最簡單的StackView的概念,比起前一陣子用AutoLayout去處理畫面,有時候錨點怪怪的,下的位置不好就會影響整個畫面,而且翻轉成橫向的時候,又會有局限,大概因為這些理由,所以決定來多研究一下可以讓畫面分配很自由的StackView。
這一陣子會很常用到stackView做排版,這一篇大概會提到的就是基本的畫面操作,日後研究深了會再分享。
正文
1. 物件與物件的關係設定
原則上,這篇我會做的事情很間單,就是創造出三個label,且分別有三種顏色在裡面:紅、藍、黃。

StackView其實也跟label一樣,最原始是UIStackView,所以也要將它實體化出來套用下面的方法。
上面大概作做完會長下面這個樣子:

上面的畫面分配基本上都還只是label跟label之間的關係,我們還沒套用到跟螢幕的相對位置關係。
2.設置物件與螢幕的相對關係

我們把垂直面H的距離設置好之後,就可以再設置水平片V的距離,最後加進畫面之中。
就會變成下面這樣,應該算是蠻漂亮的吧:

水平的樣子:

StackView的好處就是會這樣排列,難怪大家後來都擁抱StackView了。
不過,StackView大概還會有很多的方式呈現畫面,今天就先講到這裡,大家可以多練練囉!