switf垂直组合（VStack）

在Swift编程语言中，如果你想要在垂直方向上组合多个视图或者数组、集合等元素，可以利用UIKit框架中的UIStackView类或者SwiftUI框架中的相关布局命令。

在UIKit中的VStack实现：

import UIKit

// 创建两个UILabel实例
let label1 = UILabel()
label1.text = "Label 1"
label1.backgroundColor = .red

let label2 = UILabel()
label2.text = "Label 2"
label2.backgroundColor = .green

// 创建一个垂直方向的UIStackView
let stackView = UIStackView(arrangedSubviews: [label1, label2])
stackView.axis = .vertical // 设置轴线为垂直方向
stackView.distribution = .fill // 设置子视图填充方式
stackView.alignment = .center // 设置子视图居中对齐
stackView.spacing = 8 // 设置子视图之间的间距

// 将stackView添加到某个父视图中
view.addSubview(stackView)
stackView.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    stackView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
    stackView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
    stackView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
    stackView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor)
])

在SwiftUI中的VStack实现：

import SwiftUI

struct ContentView: View {
   
    var body: some View {
   
        VStack(alignment: .center, spacing: 8) {
    // 创建垂直堆栈视图
            Text("Label 1")
                .background(Color.red)

            Text("Label 2")
                .background(Color.green)
        }
        .padding() // 添加内边距
        .frame(maxWidth: .infinity, maxHeight: .infinity) // 充满整个屏幕
    }
}

struct ContentView_Previews: PreviewProvider {
   
    static var previews: some View {
   
        ContentView()
    }
}

在SwiftUI中，VStack是一个视图构建器，用于在垂直方向上组织其子视图，你可以自定义其对齐方式、间距等属性。上述示例中，我们创建了一个包含两个文本视图的垂直堆栈，两者之间有8个点的间距，并且居中对齐。