SwiftUI从入门到实战第2章第7节:TabView

相关课程:http://hdjc8.com/hdjc/swiftUI/

TabView相当于UIKit中的UITabBarController,用于实现标签视图集。

标签视图位于屏幕的底部,可以让用户在几个页面之间进行快速的切换,效果类似于UITabBarController。

标签视图所控件的页面位于大括号之内。TabView仅支持类型为文本、图像或LayoutView的标签项,其他类型的视图将产生一个可见的空白标签项。

示例代码:

1var body: some View { 2 TabView { 3 //添加一个文本视图,作为标签视图的第一个标签项。 4 Text("The home page.") 5 .font(.system(size: 36)) 6 //接着来设置文本视图的选项卡,只有设置了选项卡,才会在屏幕底部的选项卡列表里显示对应的标签。 7 .tabItem({ 8 Image(systemName: "house") 9 Text("Home") }) 10 .tag(0) 11 12 //继续添加另一个文本视图,作为标签视图的第二个标签项。 13 Text("The settings page") 14 .font(.system(size: 36)) 15 .tabItem({ 16 Image(systemName: "gear") 17 Text("Settings") 18 }) 19 .tag(1) 20 } 21 }

显示运行结果:

点赞
收藏

评论区

加载中...

相关推荐

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

swiftUi propertWrapper 自定义标记属性

上篇文章我们知道@Status 的作用了那么我们也可以自己定义类似的这种标签。。首先我们先来看下不使用属性标签,向导页面如何写////PropertyWrapperView.swift//learn_swiftUi////Createdbyliuanon2020/9/4.

SwiftUI从入门到实战第2章第3节:Slider的使用

相关课程:http://hdjc8.com/hdjc/swiftUI/(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fhdjc8.com%2Fhdjc%2FswiftUI%2F)Slider相当于UIKit中的UISlider,通过移动滑杆实现指定区域和间隔的数值的选择。Slid

Spring Security开发安全的REST服务

第1章课程导学项目介绍Java实战:SpringSecurity开发安全的REST服务,来自慕客网的视频(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fcoding.imooc.com%2Fclass%2F134.html),主要讲认证和授权。

SwiftUI从入门到实战第2章第9节:MapView

SwiftUI并没有包含MapView,这里通过遵循UIViewRepresentable协议,在SwiftUI中集成UIKit中的WKMapView。示例代码:importSwiftUIimportMapKit//首先导入需要使用到的MapKit框架。//使当前的结构体遵循UIViewReprese

SwiftUI从入门到实战第2章第1节:PickerDate

相关课程:http://hdjc8.com/hdjc/swiftUI/(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fhdjc8.com%2Fhdjc%2FswiftUI%2F)本节演示DatePicker视图的使用,DatePicker和UIKit中的UIDatePicker类似,