当前位置: 首页 > news >正文

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 的声明式语法使得开发者可以更容易地理解和管理视图的状态变化。

相关文章:

  • Hi3518E官方录像例程源码流程分析(五)
  • PNG透明免抠设计素材大全26000+
  • python异步协程async调用过程图解
  • HTTP 请求头的 key 不区分大小写。
  • FlinkUDF用户自定义函数深度剖析
  • 洛谷5318C语言题解
  • Linux CAN 驱动浅析
  • 私有知识库 Coco AI 实战(二):摄入 MongoDB 数据
  • 【问题解决】本机navicat连接云服务器mysql
  • 工作记录9
  • 【Pandas】pandas DataFrame mod
  • 【复盘】cpu飙升引发的连锁反应
  • JDK 7 Update 0 (64位) 详细Windows 安装指南
  • 每日一题(小白)模拟娱乐篇33
  • Java 拦截器完全指南:原理、实战与最佳实践
  • Chronos - 时间序列预测语言模型
  • Redis从入门到实战先导篇
  • Jsoup、Selenium 和 Playwright 的含义、作用和区别
  • 【C/S通信仿真】
  • 17.QT-Qt窗口-工具栏|状态栏|浮动窗口|设置停靠位置|设置浮动属性|设置移动属性|拉伸系数|添加控件(C++)
  • 集合多家“最美书店”,松江成立书店联盟“书香满云间”
  • 今年一季度上海离境退税商品销售额7.6亿元,同比增85%
  • 海关总署:明确部分货物、物品不再按进出境特殊物品监管
  • 韩国检方起诉前总统文在寅
  • 停止水资源共享、驱逐武官,印度对巴基斯坦宣布多项反制措施
  • 专家解读上海一季度经济数据:经济韧性在增强,民企活力不可小觑