SwiftUI - 容器视图 & 标准控件

容器视图:

VStack - 纵向布局

HStack - 横向布局

ZStack - 叠放容器

LazyVStack - 懒加载的纵向布局

LazyHStack - 懒加载的横向布局

Grid - 网格布局,相当于 css 的display: flex,

LazyVGrid - 纵向 网格布局,相当于 css 的display: flex,

LazyHGrid - 横向 网格布局,相当于 css 的display: flex,

Form - 可以组合系统标准控件(日历等等),构建数据输入界面、设置或偏好设置窗口。

标准控件:

Spacer - 相当于 css 里的 flex:1,但是可以多次使用

Button - UIButton

Text - UILabel

TextEditor - UITextView

TextField - UITextField

SecureField - UITextField with isSecureTextEntry

Image - UIImageView

List - UITableView 和 UICollectionView,使用时在List里面使用ForEach遍历显示

ScrollView - 超出边界高效可滚动的视图,滚动方向可横向或者纵向,如果所有视图想在固定尺寸的视图滚动,请放在ScrollView视图里

Toggle - UISwitch

Slider - UISlider

NavigationView - UINavigationController

TabbedView - UITabBarController

Alert - UIAlertController

ActionSheet - UIAlertController

SegmentedControl - UISegmentControl

Stepper - UIStepper

DatePicker - UIDatePicker

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ![Flask](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAW...
    极客学院Wiki阅读 7,267评论 0 3
  • 不知不觉易趣客已经在路上走了快一年了,感觉也该让更多朋友认识知道易趣客,所以就谢了这篇简介,已做创业记事。 易趣客...
    Physher阅读 3,439评论 1 2
  • 双胎妊娠有家族遗传倾向,随母系遗传。有研究表明,如果孕妇本人是双胎之一,她生双胎的机率为1/58;若孕妇的父亲或母...
    邺水芙蓉hibiscus阅读 3,721评论 0 2
  • 晴天,拥抱阳光,拥抱你。雨天,想念雨滴,想念你。 我可以喜欢你吗可以啊 我还可以喜欢你吗可以,可是你要知道我们不可...
    露薇霜凝阅读 1,233评论 1 2