QML 学习笔记

QML 页面管理方法对比

方法	优点	缺点	适用场景
StackView	- 提供导航堆栈功能，便于页面之间前进和后退 - 支持过渡动画，使页面切换更加流畅 - 自动管理页面的生命周期，避免内存泄漏 - 能保持页面状态，返回时状态不变	- 比较复杂，适用于需要多个页面导航的应用 - 对于简单的页面切换需求，显得有些繁琐	复杂导航和状态管理
Loader	- 使用简单直接，适合只需要显示一个页面的场景 - 灵活性高，可以动态加载不同的 QML 文件或组件 - 开销较低，只加载一个页面	- 需要手动管理页面的创建和销毁 - 缺少导航功能，需要自行实现页面切换和动画效果 - 页面卸载后状态会丢失，需要手动管理状态	简单页面加载和切换
Visible 控制	- 简单直观，通过设置 visible 属性控制页面显示和隐藏 - 不需要额外的导航逻辑	- 需要手动管理每个页面的可见性 - 无法实现复杂的过渡动画 - 不适合大量页面或复杂页面切换	简单页面切换场景
Popup	- 非常适合需要弹出对话框或临时窗口的场景 - 提供内置的模态功能，可以阻止用户与其他页面交互 - 可以很方便地控制弹出窗口的位置和大小 - 能够轻松实现复杂的布局和交互	- 不适合实现页面导航，不提供堆栈功能 - 需要手动管理弹出窗口的打开和关闭 - 过渡动画有限，需要自行实现	临时窗口或对话框
TabView	- 提供标签页式的界面，用户可以快速在多个页面之间切换 - 使用简单，适合少量页面的切换	- 不适合需要复杂导航的应用 - 无法管理复杂的页面堆栈	标签页界面
SwipeView	- 允许用户通过滑动手势在多个页面之间切换 - 提供直观的用户体验，适合移动设备	- 适用场景有限，不适合需要复杂导航的应用 - 无法管理复杂的页面堆栈	滑动切换

Loader

1. 嵌套关系少，比较方便
   • Loader适用于页面层次结构较简单的情况，便于管理。
2. 使用URL加载代码风格更好，模块化更好
   • 通过URL加载QML文件，有助于代码模块化和可维护性。
3. 对外部的变量使用困难，需要手动传递
   • 由于Loader动态加载的特性，外部变量的传递需要手动处理。

StackView

1. 特别适合嵌套关系多的页面管理
   • StackView专为管理复杂页面嵌套设计，支持多层次的页面导航。
2. 自动保存页面状态
   • StackView能够自动保存和恢复页面状态，提升用户体验。
3. 比Loader消耗大一点
   • StackView的内存消耗和性能开销稍大，但提供了更多功能。
4. 对外部变量使用方便
   • StackView可以通过属性绑定和信号传递外部变量，使用较为便捷。

Visible 控制

1. 需要手动控制每个页面的管理，设置可见，不可见
   • 需要开发者手动管理页面的显示和隐藏。
2. 对外部变量使用非常方便
   • 通过直接控制组件的可见性，对外部变量的使用非常方便。
3. 逻辑简单，简单页面的消耗最少
   • 适用于逻辑简单的页面，资源消耗最低。
4. 可以初期全部完成初始化，没有动态初始化
   • 所有页面在初期加载时全部初始化，避免动态加载带来的延迟。

总结

1. 嵌套关系多，使用StackView
   • 当页面层次关系复杂时，StackView是最佳选择，提供了自动状态保存和便捷的变量传递功能。
2. 代码风格清晰，固定页面如主页功能加载，可以使用Loader
   • 对于代码风格要求高且页面固定的场景，例如主页功能加载，Loader更加合适。
3. 简单QML，使用Visible控制
   • 对于逻辑简单、页面层次关系少的场景，使用Visible控制页面的显示和隐藏最为高效。

组合推荐

组合推荐1：主页功能切换 (Loader) + 具体功能页面内容 (StackView)

• 使用场景：
  • 适用于需要在主页切换不同功能模块，而每个功能模块内又包含复杂嵌套页面的应用。
• 示例：
  • 主页使用Loader动态加载各功能模块的入口，点击入口后通过StackView加载具体功能页面，并自动管理页面状态。

组合推荐2：简单页面切换 (Visible) + 复杂页面内容 (StackView)

• 使用场景：
  • 适用于大部分页面较简单但某些特定功能页面需要复杂嵌套管理的应用。
• 示例：
  • 主界面使用Visible控制简单页面的显示和隐藏，遇到需要复杂页面管理时，切换到StackView进行嵌套页面的管理。

组合推荐3：模块化页面加载 (Loader) + 简单页面切换 (Visible)

• 使用场景：
  • 适用于模块化要求高且大部分页面逻辑简单的应用。
• 示例：
  • 使用Loader加载不同模块的页面，模块内页面较少时使用Visible控制其显示和隐藏。