SwiftUI—使用TabView包含和切换多个页面

简介: SwiftUI—使用TabView包含和切换多个页面

TabView相当于UIKit中的UITabBarController,用于实现标签视图集,标签视图位于屏幕底部,可以让用户在几个视图之间快速的切换。


示例代码:


var body: some View {
    TabView { //标签视图所控制的页面位于大括号内。TabView仅支持类型为文本、图像或LayoutView的标签项,其他类型的视图将产生一个可见的空白标签项
        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)
    }
    }


2466108-0b19c054b2827dc3.webp (1).jpg

目录
相关文章
|
7天前
|
编解码 UED
Qt侧边栏的动态切换:隐藏与显示技术详解
在现代用户界面设计中,侧边栏(Sidebar)是一个常见的组件,它为用户提供了导航和工具面板的功能。在某些应用场景下,我们可能需要动态地隐藏或显示侧边栏,以优化界面布局或提供更灵活的用户体验。本文将分享如何在Qt框架下实现侧边栏的隐藏与呈现,包括技术细节和代码示例。
45 3
|
4月前
|
开发框架 前端开发 JavaScript
在Winform程序中增加隐藏的按键处理,用于处理一些特殊的界面显示或者系统初始化操作
在Winform程序中增加隐藏的按键处理,用于处理一些特殊的界面显示或者系统初始化操作
|
API iOS开发
SwiftUI 中的自定义导航
默认情况下,SwiftUI提供的各种导航API在很大程度上是以用户直接输入为中心的——也就是说,导航是在系统响应例如按钮的点击和标签切换等事件时由系统本身处理的。
272 0
SwiftUI 中的自定义导航
|
小程序 开发者
小程序__02--navigationBarTitleText配置子页面标题,依旧显示默认标题,子页面配置不显示
navigationBarTitleText配置子页面标题,依旧显示默认标题,子页面配置不显示
SwiftUI—如何快速打开一个动作表单
SwiftUI—如何快速打开一个动作表单
156 0
SwiftUI—如何快速打开一个动作表单
SwiftUI—如何使用NavigationLink进行页面间的跳转
SwiftUI—如何使用NavigationLink进行页面间的跳转
3313 0
SwiftUI—如何使用NavigationLink进行页面间的跳转
SwiftUI—如何切换部分表单项目的可见性
SwiftUI—如何切换部分表单项目的可见性
118 0
SwiftUI—如何切换部分表单项目的可见性
SwiftUI—如何实现对视图显示和消失事件的监听
SwiftUI—如何实现对视图显示和消失事件的监听
696 0
SwiftUI—如何实现对视图显示和消失事件的监听
SwiftUI—如何使列表同时支持删除和移动记录的功能
SwiftUI—如何使列表同时支持删除和移动记录的功能
152 0
SwiftUI—如何使列表同时支持删除和移动记录的功能
|
JavaScript
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
434 0
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态