SwiftUI 容器视图：水平、垂直与深度布局
在 SwiftUI 中，容器视图是构建用户界面的基石。它们像乐高积木一样，让你能够灵活地组合和排列各种视图元素。HStack、VStack 和 ZStack 是三种最常用的容器视图，分别用于水平、垂直和深度方向的布局。掌握它们，你就能轻松创建出各种复杂而美观的界面！
HStack：水平排列的艺术 🎨
HStack 将其子视图水平排列。你可以把它想象成一行文字，每个视图元素都像一个单词，从左到右依次排列。
- 创建水平布局： 使用
HStack { ... }创建一个水平容器。 - 对齐方式： 可以通过
alignment参数控制子视图在垂直方向上的对齐方式，例如.top、.center或.bottom。 - 间距： 使用
spacing参数设置子视图之间的间距，让界面更加清晰美观。
例如，你可以使用 HStack 创建一个包含头像和用户名的水平排列的个人资料视图。
VStack：垂直堆叠的魅力 ✨
VStack 将其子视图垂直排列，就像一叠书一样，每个视图元素都位于上一个视图元素的下方。
- 创建垂直布局： 使用
VStack { ... }创建一个垂直容器。 - 对齐方式： 可以通过
alignment参数控制子视图在水平方向上的对齐方式，例如.leading、.center或.trailing。 - 间距： 同样可以使用
spacing参数设置子视图之间的间距。
VStack 非常适合用于创建表单、列表或任何需要垂直排列元素的界面。
ZStack：深度叠加的创意 💡
ZStack 将其子视图按照深度方向叠加，就像一堆照片一样，后面的视图元素会覆盖前面的视图元素。
- 创建深度布局： 使用
ZStack { ... }创建一个深度容器。 - 对齐方式： 可以通过
alignment参数控制子视图在水平和垂直方向上的对齐方式，例如.topLeading、.center或.bottomTrailing。 - 叠加顺序： 视图在 ZStack 中的声明顺序决定了它们的叠加顺序，后声明的视图会覆盖先声明的视图。
ZStack 非常适合用于创建背景叠加、卡片效果或任何需要深度叠加元素的界面。例如，你可以使用 ZStack 创建一个带有半透明背景的弹窗。
灵活运用，创造无限可能 🌟
HStack、VStack 和 ZStack 可以相互嵌套，组合使用，创造出各种复杂的布局。例如，你可以将一个 VStack 嵌套在一个 HStack 中，创建一个包含多个垂直排列元素的水平布局。
掌握这些容器视图，你就能像一位艺术家一样，在 SwiftUI 的画布上自由挥洒创意，构建出令人惊艳的用户界面！记住，实践是最好的老师，多多尝试，你一定会发现更多有趣的用法！🎉