如何使窗格在Qt快速应用程序的顶部可见?

时间:2018-11-21 18:04:01

标签: qt qml qtquick2 qt-quick

我想显示一个消息栏,以在所有其他窗口和页面上显示给用户显示我的消息吗?

MessageBar.qml

Pane {
id: bar
z: 9999999999999999

property alias message:me
Message{
    id: me
    onContentChanged: {
    }
}
Material.background: message.backColor
height: 48

Label{
    color: "white"
    text: message.content
    anchors.fill: parent
    horizontalAlignment: Label.AlignHCenter
}
property bool visibleState: message.visible&&message.messageType== Message.SimpleMessage
scale: visibleState?1.0:0.0
Behavior on scale {
    NumberAnimation {
        duration: 100
    }
}

}

main.qml

ApplicationWindow { 
    MessageBar{
    id: messageBar
    anchors.centerIn: parent
    Layout.fillWidth: true
    }    
}

但是在其他页面下可见如何解决此问题?

1 个答案:

答案 0 :(得分:1)

最简单的方法是使用Popup。默认情况下,这些内容显示在场景中所有其他项目的上方。此外,您可以设置弹出式窗口的z值,以确保其位于所有其他弹出式窗口之上。

如果由于某种原因不想使用弹出窗口,则可以将该项目作为overlay的父项:

import QtQuick 2.10
import QtQuick.Controls 2.3
import QtQuick.Controls.Material 2.3

ApplicationWindow {
    width: 640
    height: 480
    visible: true

    Button {
        text: "Button"
    }

    Pane {
        width: 200
        height: 200
        parent: Overlay.overlay
        Material.background: Material.Grey

        Label {
            text: "Above"
            anchors.centerIn: parent
        }
    }
}