SwiftUI 常用控件简介
SwiftUI 是苹果公司推出的现代化声明式 UI 框架,用于构建 iOS、macOS、watchOS 和 tvOS 应用程序用户界面。以下是一些常用的 SwiftUI 控件:
1. 文本控件
- Text: 显示一段文本。
2. 图像控件
- Image: 显示图片,可以从系统图标、网络或本地资源中加载。
3. 按钮控件
- Button: 创建可点击的按钮,支持自定义样式和行为。
4. 输入控件
- TextField: 单行文本输入框。
- SecureField: 安全文本输入框,适用于密码输入。
- TextEditor: 多行文本输入框,适合长文本输入。
- Picker: 提供选择项的下拉或选择器。
5. 列表和表格
- List: 显示可滚动的列表,支持行的添加、删除和自定义。
- ForEach: 用于在视图中生成多个相同内容的视图。
6. 选择控件
- Toggle: 开关控件,可以用来切换状态(开/关)。
- Slider: 滑动条,用于选择数值。
- Stepper: 数值增减控件。
7. 图片和形状
- Rectangle, Circle, Ellipse: 形状控件,可以自定义颜色、边框等。
- Shape: 创建自定义形状。
8. 滚动视图
- ScrollView: 创建可滚动的视图,允许内容超出边界滚动。
9. 导航控件
- NavigationView: 包含其他视图的导航视图。
- NavigationLink: 在 NavigationView 内跳转到新的视图。
10. 分隔线和间距
- Divider: 显示一条分隔线。
- Spacer: 用于添加空白间距。
11. 堆栈控件
- HStack: 水平堆叠子视图。
- VStack: 垂直堆叠子视图。
- ZStack: 将视图层叠在一起。
12. 状态和样式
- @State, @Binding, @ObservedObject: 用于管理状态和数据绑定。
- View Modifiers: 一系列用于修改视图的修饰符,如
.padding()
,.background()
,.cornerRadius()
等。
13. 警告框和提示
- Alert: 显示警告框。
- ActionSheet: 显示操作表单。
14. 动画
- withAnimation: 使视图变化带有动画效果。
15. 其他控件
- ActivityIndicator: 显示加载活动的指示器(使用
ProgressView
)。 - ProgressView: 显示进度条。
以上是 SwiftUI 中常见控件的概述,您可以根据需要组合和使用这些控件来构建丰富的用户界面。SwiftUI 的声明式语法使得开发者可以更容易地理解和管理视图的状态变化。