如何将 QML 小部件提升到顶部？

Question

假设我有两个重叠的 QML 小部件，例如两个按钮。在正常的 Qt 中，有 QWidget.raise_() 和 QWidget::raise() 来执行此操作。 QML中有类似的东西吗？

Answer 1

要在另一个项目上显示一个项目，属性 z 比另一个大就足够了。

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    id: window

    width: 640
    height: 480
    visible: true

    Rectangle {
        id: rect1

        width: 0.7 * parent.width
        height: 0.6 * parent.height
        color: "red"
    }

    Rectangle {
        id: rect2

        width: 0.7 * parent.width
        height: 0.6 * parent.height
        anchors.right: parent.right
        anchors.bottom: parent.bottom
        color: "blue"
        z: 1
    }

    Timer {
        interval: 500
        running: true
        repeat: true
        onTriggered: {
            if (rect1.z == 0) {
                rect1.z = 1;
                rect2.z = 0;
            } else {
                rect1.z = 0;
                rect2.z = 1;
            }
        }
    }

}

如何将 QML 小部件提升到顶部？

How can I raise a QML widget to the top?

qt

qml