QML矩形仅不透明度颜色

QML矩形仅不透明度颜色,qml,opacity,Qml,Opacity,我只想在我的矩形上设置不透明度。但文本也变得透明。 我怎么能只设置背景呢 Rectangle { id: button color: "black" opacity: 0.3 width: parent.width height: 35 Text {

我只想在我的矩形上设置不透明度。但文本也变得透明。 我怎么能只设置背景呢

Rectangle {
                id: button
                color: "black"
                opacity: 0.3
                width: parent.width
                height: 35

                    Text {
                        anchors.centerIn: parent
                        text: qsTr("text")
                        color: "white"
                        font.pixelSize: 25
                        }
            }
下文对此进行了解释:

设置此属性时,指定的不透明度也会单独应用于子项。在某些情况下,这可能会产生意外影响。例如,在下面的第二组矩形中,红色矩形指定了不透明度0.5,这会影响其蓝色子矩形的不透明度,即使子矩形未指定不透明度

您可以将
文本
项移出:

Rectangle {
    id: button
    color: "black"
    opacity: 0.3
    width: parent.width
    height: 35
}

Text {
    anchors.centerIn: button
    text: qsTr("text")
    color: "white"
    font.pixelSize: 25
}
或者为
矩形
提供透明颜色,而不是更改不透明度:

Rectangle {
    id: button
    color: "#33000000" // form: #AARRGGBB
    width: parent.width
    height: 35

    Text {
        anchors.centerIn: parent
        text: qsTr("text")
        color: "white"
        font.pixelSize: 25
    }
}

完美的我将测试它。非常感谢。认为文本不能包含在矩形中。