SwiftUI 二

Posted 2021-03-01 liuxiaokun

NavigationView 用于创建包含顶部导航栏的视图容器。

TabView 用于创建包含底部 ** TabBar** 的视图容器。

Text 用来展示一行或多行的文本内容，效果等同于 UILabel，但更加优秀。 如果要创建 Text， 只需通过 Text("SwiftUI") 即可创建； 采用链式语法，也可以为文本添加多项属性，如字体、颜色、阴影、上左下右的间距等。

TextField 用来添加普通的输入框，一般常用作文本输入。

SecureField 一般作为密码输入时使用，使用方式与 TextField 并无差别，示例与运行效果同上 TextField。

Image 控件用于展示图片。

webImage 用于下载网络图片，使用的 URLSession下载成功后替换原有 Image；也可以在 downloadWebImage 方法中使用 Kingfisher框架 。

HStack 用于将子视图排列在水平线上的视图。

VStack 用于将子视图排列在垂直线上的视图。

ZStack 用于覆盖子视图，在两轴上对齐。

List 列表容器，用以显示一列数据。

ScrollView 是一个滚动视图容器。

ForEach 用于根据已有数据的集合展示视图。

Group 用于集合多个视图，对 Group 设置的属性，将作用于每个子视图。

GroupBox 尚未发布

Section 用于创建带头/尾部的视图内容，一般结合 List 组件使用。

Form 是对一组数据输入进行控制的容器。

Button 用于响应点击事件。

PullDownButton 尚未发布

ItemBasedPopUpButton 尚未发布

NavigationButton 已弃用 NavigationButtonPage 用以 Push 到下一个导航页面。

PresentationButton 已经弃用，使用 NavigationLink替代

EditButton 用以触发编辑状态，使用时只需在 navigationBarItems 设置即可。

PasteButton 尚未发布

Picker 可自定义数据源的选择器。

DatePicker 用于选择绝对日期的控件。

Toggle 用于切换选中状态。

Slider 用于从有限值范围中选值的控件。

Stepper 用以增加或减少数值。

SegmentedControl 已经弃用了

 

官方文档 
优秀博客 
SwiftUI 官方教程系列 
SwiftUI 实战：从 0 到 1 研发一个App
SwiftUI 2020年开源项目和教程合集 
开源项目