美文网首页
SwiftUI - 容器视图 & 标准控件

SwiftUI - 容器视图 & 标准控件

作者: 盟主直播Libx | 来源:发表于2021-11-10 19:03 被阅读0次

容器视图:

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

相关文章

  • SwiftUI - 容器视图 & 标准控件

    容器视图: VStack- 纵向布局 HStack- 横向布局 ZStack - 叠放容器 LazyVStack-...

  • 视图容器控件

    2019年12月24日 一.view 二.scroll-view 顶部滚动菜单实现 3.顶部导航栏切换效果 三.s...

  • 为小组件构建 SwiftUI 视图

    为小组件构建 SwiftUI 视图为小组件构建 SwiftUI 视图

  • SwiftUI 布局:Group 充当透明的布局容器

    SwiftUI的 Group 视图通常用于解决10个子视图的限制,但是它还有另一个重要的行为:它充当透明的布局容器...

  • UIContainerView(容器视图)和自定义容器视图

    1、容器视图 容器视图本身就是一个UIView控件,要说它的特别之处只是在于它内嵌了一个普通的控制器,这个控制器的...

  • ScrollView

    前言 ScrollView垂直可滑动控件,当容器中的子视图高度大于ScrollView高度时,通过滑动Scroll...

  • 小程序标签

    一、视图容器(View Container): view 视图容器 scroll-view 可滚动视图容器 swi...

  • 3. 小程序基础组件

    常用视图容器view视图容器scroll-view 可滚动视图区域movable-view 可移动的视图容器,在页...

  • 微信小程序(四)视图组件

    小程序组件 视图容器 (一) 视图容器 了解小程序组件中的视图容器 明确小程序组件中的视图容器的用途和方法 了解不...

  • SwiftUI控件

    SwiftUI控件 SwiftUI学习的内容还是很多的,但是我们只对我们项目实战内容所涵盖的知识点进行讲解,接下来...

网友评论

      本文标题:SwiftUI - 容器视图 & 标准控件

      本文链接:https://www.haomeiwen.com/subject/hsiuzltx.html