上次介紹完 SwiftUI 的畫面排版，這次來介紹一下一些能協助排版的 View。

VStack、HStack、ZStack

首先就是 Stack 系列的這三個 View。

這三個 View 的功能其實差不多，主要都是用來對物件進行排版用的，不同的 Stack 代表不同的方向，例如：VStack 的 V 代表的就是垂直、H 就是代表水平、Z 就是代表上下或是前後。

VStack

HStack

ZStack

Stack 們的參數

這三個 Stack 裡都包含以下三個參數，分別用來設定 Stack 裡元件的排版方式。

1. alignment：對齊方式，包含靠左、靠右、置中等。
2. spacing：間距，用來設定 Stack 裡每個物件的間距。
3. content：這裡就是用來放物件的地方。

來看看原本效果：

加上參數後：

Group

接下來要介紹的是 Group 這個 View，Group 顧名思義就是一個群組，通常是在需要對同一層的好幾個 View 加上同樣的 modidifer 時使用的。

在 Group 下添加的所有 modifier 都會套用到 Group 下層裡所有的 View，Group 也沒有參數需要去設定，基本上它就是一個方便你去添加 modifier 的 View。

實際效果：

Spacer

然後要介紹的是 Spacer 這個 View，這個 View 比較特殊一點，它的要求通常都是 expanding 的，但是它會看他的上層 View 是什麼，如果是 VStack，那它會去佔滿所有剩下的垂直空間，HStack 就是剩下的水平空間。

這裡還要注意，當有兩個以上的 Spacer 同時存在的時候，Spacer 會平分剩下的空間。

具體效果：

這是兩個 Spacer 的狀況，可以看到它們平分了剩下的空間。

那今天關於這些 View 就到這裡啦，明天會再介紹幾種 View。