qml如何调用另外一个qml

在 QML 中，可以使用 `Loader` 元素来加载并显示另一个 QML 文件。以下是一个简单的示例，展示了如何调用另一个 QML 文件：

// main.qml

import QtQuick 2.0

Item {
    width: 400
    height: 400

    Loader {
        id: pageLoader
        source: "Page.qml" // 要加载的文件路径
    }

    MouseArea {
        anchors.fill: parent
        onClicked: {
            pageLoader.source = "NewPage.qml" // 点击时加载不同的文件
        }
    }
}

// Page.qml

import QtQuick 2.0

Rectangle {
    width: 200
    height: 200
    color: "red"
}

// NewPage.qml

import QtQuick 2.0

Rectangle {
    width: 200
    height: 200
    color: "blue"
}

在上面的示例中，`main.qml` 文件中的 `Loader` 元素用于加载 `Page.qml` 文件。当点击 `MouseArea` 区域时，`Loader` 的 `source` 属性被设置为 `NewPage.qml`，从而加载并显示 `NewPage.qml` 文件内容。这样就可以动态切换不同的 QML 文件。

请注意，`Loader` 元素还提供其他属性和方法用于控制加载行为，例如加载延迟、加载状态等。你可以根据实际需求进行调整。