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

Easter79
• 阅读 781

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

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

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

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

示例代码:

var body: some View {
    TabView {
        //添加一个文本视图,作为标签视图的第一个标签项。
        Text("The home page.")
        .font(.system(size: 36))
        //接着来设置文本视图的选项卡,只有设置了选项卡,才会在屏幕底部的选项卡列表里显示对应的标签。
        .tabItem({
            Image(systemName: "house")
            Text("Home") })
        .tag(0)

        //继续添加另一个文本视图,作为标签视图的第二个标签项。
        Text("The settings page")
        .font(.system(size: 36))
        .tabItem({
            Image(systemName: "gear")
            Text("Settings")
        })
        .tag(1)
    }
    }

显示运行结果:

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

点赞
收藏
评论区
推荐文章
待兔 待兔
3个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Easter79 Easter79
3年前
swiftUi propertWrapper 自定义标记属性
上篇文章我们知道@Status 的作用了那么我们也可以自己定义类似的这种标签。。首先我们先来看下不使用属性标签,向导页面如何写////PropertyWrapperView.swift//learn_swiftUi////Createdbyliuanon2020/9/4.
Easter79 Easter79
3年前
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
Stella981 Stella981
3年前
Spring Security开发安全的REST服务
第1章课程导学项目介绍Java实战:SpringSecurity开发安全的REST服务,来自慕客网的视频(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fcoding.imooc.com%2Fclass%2F134.html),主要讲认证和授权。
Easter79 Easter79
3年前
SwiftUI从入门到实战第2章第9节:MapView
SwiftUI并没有包含MapView,这里通过遵循UIViewRepresentable协议,在SwiftUI中集成UIKit中的WKMapView。示例代码:importSwiftUIimportMapKit//首先导入需要使用到的MapKit框架。//使当前的结构体遵循UIViewReprese
Easter79 Easter79
3年前
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类似,
Wesley13 Wesley13
3年前
MYSQL主从同步故障解决(主键重复)
MYSQL主从同步故障解决(主键重复)转载2010年04月05日18:52:00标签:mysql(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fso.csdn.net%2Fso%2Fsearch%2Fs.do%3Fq%
Stella981 Stella981
3年前
React前端开发入门与实战
阿里云大学:React前端开发入门与实战(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fclick.aliyun.com%2Fm%2F1000010022%2F)本课程主要讲解React的基础使用技巧及实战案例。React是一个用于构建用户界面的JavaScript
Easter79 Easter79
3年前
SwiftUI从入门到实战第2章第5节:Segment
相关课程:http://hdjc8.com/hdjc/swiftUI/(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fhdjc8.com%2Fhdjc%2FswiftUI%2F)Segment分段控件,类似于UIKit中的UISegmentedControl。分段控件提供一栏选项按钮
Easter79 Easter79
3年前
SwiftUI从入门到实战第2章第14节:AngularGradient
相关课程:http://hdjc8.com/hdjc/swiftUI/(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fhdjc8.com%2Fhdjc%2FswiftUI%2F)使用AngularGradient绘制角度颜色渐变的背景。本节课演示角度渐变的使用。角度渐变是指从起点到终
Easter79
Easter79
Lv1
今生可爱与温柔,每一样都不能少。
文章
2.8k
粉丝
5
获赞
1.2k