SwiftUI - 容器视图 & 标准控件

2021-11-10  本文已影响0人  盟主直播Libx

容器视图:

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

上一篇 下一篇

猜你喜欢

热点阅读