跳转到主要内容

SwiftUI 基础

1. 基础视图组件:

  • Text:用于显示文本内容。
  • Image:用于显示图片内容。
  • Video:用于显示视频内容。
  • Button:按钮,用于响应用户的点击操作。
  • TextField:文本输入框
  • SecureField:密码输入框
  • Toggle:开关按钮
  • Slide:滑块
  • Picker:选择器,从多个选项中选择一个值
  • DatePicker:日期选择器
  • List:用于显示可滚动的垂直内容。
  • ScrollView:滚动视图
  • Divider:分割线
  • Spacer:空白占位符
  • ProgressView:进度指示器
  • Alert:弹窗
  • NavigationView 和 NavigationLink:导航视图和链接
  • Form:表单)用于构建数据输入界面
  • GeometryReader:几何读取器,用于获取容器的布局信息。

2. 视图容器

  • VStack: 垂直排列子视图
  • HStack: 水平排列子视图
  • ZStack: 将子视图重叠显示

3. 常用修饰符

  • frame:设置视图的宽度、高度和对齐方式。
  • alignmentGuide:自定义子视图在容器中的对齐方式。
  • offset:移动视图的位置,偏移值不影响视图布局。
  • zIndex:视图的层级
  • font
  • multilineTextAlignment
  • padding
  • background
  • cornerRadius
  • opacity:透明度
  • animation:动画
  • shadow:阴影
  • blur:模糊
  • clipShape:裁剪成指定形状
  • rotationEffect:旋转视图

🌟交互修饰符:

  • onTapGesture:为视图添加点击手势。
  • gesture:添加更复杂的手势。

⭐️组件位置属性:

  • offset: 移动视图相对于其当前位置的偏移量
  • position: 设置视图在父容器中的具体位置