swift水平组合（HStack）

在SwiftUI框架中，HStack 是一种布局容器视图，它允许您在水平方向上排列一系列视图。您可以将多个视图放入 HStack 中，它们会按顺序从左到右排列。下面是一个基本的 HStack 使用示例：

import SwiftUI

struct ContentView: View {
   
    var body: some View {
   
        HStack(alignment: .bottom, spacing: 40) {
    // 设置水平排列的对齐方式为底部对齐，子视图间的间距为40
            Image(systemName: "star.fill")
                .foregroundColor(.yellow)
            Text("Favorites")
            Spacer() // 这个视图会填充剩余空间，确保右侧有间隔
            Button(action: {
   
                print("Add Favorite")
            }) {
   
                Image(systemName: "plus.circle.fill")
            }
        }
        .padding() // 可选地给整个HStack添加内边距
        .background(Color.gray) // 可选地给HStack背景添加颜色以便于可视化布局
    }
}

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

在这个例子中：

• 我们定义了一个 ContentView 结构体，它遵循 View 协议，并在其 body 属性中构建视图层次结构。
• 使用 HStack 在水平方向上排列了三个子视图：一个黄色填充的星星图标、一段文本以及一个带有加号图像的按钮。
• alignment: .bottom 表示所有子视图在水平堆栈内的底部对齐。
• spacing: 40 指定每个相邻视图之间的固定间距为40点。
• Spacer() 视图用来在需要的地方填充空间，使得“Add Favorite”按钮始终位于视图的最右侧。

通过调整 HStack 内部的参数和视图配置，您可以灵活地设计用户界面布局。