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: 设置视图在父容器中的具体位置
无评论