SwiftUI: 更多视图

概览

之前我们已经讲过视图了，但只讲了Text，现在我会分享更多视图。

复习视图

这些内容之前讲过，我们可以复习一下

视图

视图是SwifttUI的一个页面里最基础的内容，呈现在用户屏幕的内容，用户可以通过视图来查看和操作，是页面中的核心。

视图的构造

视图通常是一个英文指令在前面后面跟着一个括号，括号里写着关于对于视图的调整。例如Text，这个指令是代表显示文字的意思，并在后面加上括号，括号里写上要输出的内容，而输出的内容被称作字符，字符又要用引号引起来，最后成了这样一个视图代码：

Text("这里是显示的文字")

这是运行结果

更多视图

Text：用于显示一段文本。可以自定义字体、颜色和对齐方式。
用途：显示静态文本，如标签或说明。
Image：用于显示图像。
用途：展示图标、照片或任何其他类型的图像。
Button：一个可点击的按钮。
用途：执行操作，如提交表单、导航或改变视图状态。
TextField：文本输入框。
用途：获取用户输入的文本，如用户名或搜索词。
SecureField：用于密码输入的文本框，隐藏输入内容。
用途：安全地输入敏感信息，如密码。
Toggle：开关控件。
用途：切换设置或状态，如打开/关闭设置。
Slider：滑块控件。
用途：从一定范围内选择一个值，如调整音量。
Picker：选择器，用于从一组选项中选择。
用途：选择一项内容，如日期、时间或任何自定义选项。
List：用于展示一列可滚动的行。
用途：显示一系列相同类型的数据，如消息列表或设置菜单。
ScrollView：滚动视图，可以包含更多内容。
用途：显示超出屏幕大小的内容。
NavigationView：用于导航的视图，允许在视图之间进行切换。
用途：创建一个包含多个视图的层次结构。
TabView：标签视图，用于在不同页面间切换。
用途：组织应用的不同部分，如底部标签栏。
VStack：垂直堆叠视图，将子视图垂直排列。
用途：组织视图以垂直方式展示。
HStack：水平堆叠视图，将子视图水平排列。
用途：组织视图以水平方式展示。
ZStack：层叠视图，将子视图堆叠在一起。
用途：创建重叠的视图，如将文本覆盖在图像上。
Spacer：一个透明的可扩展空间。
用途：在视图中创建额外的空间或分隔。
Divider：一条分隔线。
用途：在视图中加入清晰的分隔。
Group：用于将多个视图组合在一起。
用途：组织代码，让视图结构更清晰。
Form：用于创建表单布局。
用途：构建设置界面或数据输入表单。
Sheet：弹出式的全屏或半屏覆盖层。
用途：显示临时内容，如详情页面或选项菜单
用途：显示重要信息或需要用户确认的决策。
ActionSheet：弹出一个包含多个按钮的视图，通常用于展示多个操作选项。
用途：在移动设备上提供一个操作选项列表。
ProgressView：显示进度指示器。
用途：显示任务的进度，如下载或加载。
Link：创建一个可点击的链接。
用途：导航到外部网页或触发深层链接。
ContextMenu：上下文菜单，提供额外的操作和选项。
用途：为视图提供额外的操作和选项。
ColorPicker：颜色选择器。
用途：让用户选择一种颜色。
DatePicker：日期选择器。
用途：允许用户选择日期和时间。
Stepper：步进器，用于增加或减少值。
用途：调整数值，如数量选择。
LazyVGrid 和 LazyHGrid：网格视图，用于灵活地显示项目。
用途：以网格形式展示内容，如图片库或商品展示。
Canvas：一个画布视图，用于自定义绘图。
用途：绘制自定义图形和动画。
Map：集成的地图视图。
用途：展示地图和地理位置。
GeometryReader：用于读取其内容大小和位置的容器。
用途：创建基于其父视图大小的响应式布局。
NavigationViewLink：用于在导航视图中创建可点击的链接，实现页面间的导航。
用途：在多页应用中导航至不同视图。
Popover：弹出视图，适用于iPad和macOS。
用途：在较大屏幕上显示临时内容，如菜单或信息。
GroupBox：将内容分组在一起的视图。
用途：逻辑上分组相关内容，常用于表单和设置界面。
Menu：创建一个下拉菜单。
用途：提供额外的操作和选项，尤其在导航栏或工具栏中。
TabBar：创建一个底部的标签栏。
用途：在应用的不同部分间切换。
Grid：创建灵活的网格布局。
用途：展示复杂的数据和内容，以网格形式排列。
Stack：结合 VStack 和 HStack，创建更复杂的布局。
用途：组合垂直和水平的布局模式。
DisclosureGroup：可展开和折叠的内容区域。
用途：在有限的空间内组织大量内容。