在SwiftUI中，组合视图是指将多个视图（Views）组合在一起以形成一个更复杂的界面。SwiftUI提供了多种容器视图（Container Views），如VStack、HStack、ZStack和Group，它们允许你以垂直、水平或层叠的方式组合子视图。
下面是一些使用SwiftUI组合视图的例子：
垂直组合（VStack）
swift
VStack {
Text("Header")
.font(.title)
Text("Subheader")
.font(.subheadline)
Spacer() // 可选的，用于推动内容向上
Button(action: {
print("Button pressed.")
}) {
Text("Press Me")
}
}
在这个例子中，VStack垂直地组合了一个标题文本、一个副标题文本和一个按钮。Spacer()是一个灵活的空白空间，它会占据尽可能多的可用空间，从而将按钮推到底部。
水平组合（HStack）
swift
HStack {
Image(systemName: "star.fill")
.foregroundColor(.yellow)
Text("Favorites")
Spacer()
Button(action: {
print("Add Favorite")
}) {
Image(systemName: "plus.circle")
}
}
在这个例子中，HStack水平地组合了一个星星图标、一个文本标签和一个加号按钮。Spacer()用于将按钮推到右边。
层叠组合（ZStack）
swift
ZStack {
Color.blue.edgesIgnoringSafeArea(.all) // 背景色填充整个屏幕，忽略安全区域
VStack {
Text("Hello, SwiftUI!")
.font(.largeTitle)
.foregroundColor(.white)
.padding()
Spacer()
}
}
在这个例子中，ZStack层叠地组合了一个蓝色背景和一个垂直堆栈，其中包含白色文本。由于ZStack是按顺序层叠视图的，所以第一个子视图（蓝色背景）会位于最底层，而后面的子视图（垂直堆栈）会覆盖在它上面。
自定义视图组合
你还可以创建自定义视图来组合和管理更复杂的界面。自定义视图可以通过创建遵循View协议的结构体来实现：
swift
struct CustomView: View {
var body: some View {
VStack {
HStack {
Text("Left")
Spacer()
Text("Right")
}
Divider() // 分割线视图，用于分隔内容区域
HStack {
Button(action: { print("Button 1") }) { Text("Button 1") }
Button(action: { print("Button 2") }) { Text("Button 2") }
}
} // 这个例子演示了如何嵌套使用VStack和HStack来创建更复杂的布局。
}
}
然后，你可以在其它视图中使用这个自定义视图：
swift
struct ContentView: View {
var body: some View {
CustomView() // 使用自定义视图作为子视图。
}
}
