QML 界面切换的几种方法

最新推荐文章于 2024-08-24 22:04:46 发布

Qt开发老杰

最新推荐文章于 2024-08-24 22:04:46 发布

阅读量1k

点赞数

文章标签： qt 开发语言 c++

本文链接：https://blog.csdn.net/QtCompany/article/details/131253150

版权

本文总结了QML中界面切换的几种方法，包括静态的隐藏法和利用StackView、SwipeView，以及动态的Loader组件和createComponent创建切换。详细介绍了每种方法的实现原理和适用场景，帮助开发者更好地理解和应用。

摘要由CSDN通过智能技术生成

QML 开发客户端应用，避不可免要进行界面切换，例如从登录界面跳转到主界面。网上看了下多篇博客，都比较简陋不是很详细，不太好进行参考，所以决定自己参考这些博客，总结一下几种界面切换的方法。

先看下效果：

静态

一、隐藏法

本质上各页面都存在，只是某些隐藏，某些显示，当某一触发条件满足时，设置对应页面的显示和隐藏。

main.qml
------------------------------------
import QtQuick 2.9
import QtQuick.Window 2.2

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    // 主页面一开始设置"隐藏"，登录成功后才显示
    MainPage {
        id: mainPage
        width: 500
        height: 350
        visible: false // 设置"隐藏"
        anchors.centerIn: parent
    }

    LoginPage {
        id: loginPage
        width: 300
        height: 200
        anchors.centerIn: parent
    }
}

LoginPage.qml
------------------------------------
import QtQuick 2.0
import