【Qt6 QML Book 基础】13：常规模式 1 - 嵌套屏幕（附完整可运行代码）

引言

在移动应用和现代桌面程序中，嵌套屏幕导航是最常见的交互模式之一。通过分层展示信息，用户可以在不同层级的页面间灵活切换，既保持信息架构的清晰，又提升操作效率。Qt Quick 提供的 StackView 组件正是实现这一模式的核心工具，它通过管理页面堆栈（Stack），轻松实现 “后进先出” 的导航逻辑。本文将结合实战案例，详解如何使用 StackView 构建多层级界面，并通过 Drawer（抽屉导航）与 ToolBar（工具栏）实现高效的导航交互。

一、运行效果图

1.1 主页（Home）

• 核心布局：
  • 顶部工具栏显示汉堡菜单图标（☰），点击打开侧边导航；
  • 中心区域显示 “主页界面” 标签，采用Page组件自动适配屏幕尺寸。

1.2 概述页（Profile）

• 交互逻辑：
  • 从抽屉导航点击 “概述” 进入，工具栏图标变为返回箭头（◀）；
  • 包含 “编辑” 按钮，点击后进入编辑页（EditProfile）。

1.3 编辑页（EditProfile）

• 导航特性：
  • 工具栏返回箭头可逐级返回上一层（概述页→主页）；
  • StackView 自动管理页面堆栈深度（depth 属性）。

1.4 关于页（About）