【QT学习】qml中使用颜色设置背景，并且做到背景有透明度但是文字没有影响

（1）在qml中使用color设置对象的颜色：主要有十六进制以及qt.rgba()的方法

  例如设置rectangle的背景颜色

Window {
    width: 640
    height: 480
    title: qsTr("Hello World")
    color: "#4d4ca7"
}

如果使用qt.rgba()方法是：将十六进制转成rgb(网上有在线转换工具)，每个数值都除以255

Window {
    width: 640
    height: 480
    title: qsTr("Hello World")
    color: Qt.rgba(77/255,76/255,167/255,1)
}

最后得到：

使用qt widget设置背景颜色：

QPalette backGround;
backGround.setColor(QPalette::Background, QColor(0,0,0,255));
this->setAutoFillBackground(true);
this->setPalette(backGround);

 

（2）背景具有透明度大师字体内容不会透明：

  此时不能够用opacity来设置透明度，可以使用color中带的alpha设置透明度：

Window {
    visible: true
    width: 500
    height: 50
    title: qsTr("Hello World")
    Rectangle
    {
        anchors.centerIn: parent
        width: 400
        height: parent.height
        color: Qt.rgba(45/255,44/255,109/255,1)//(1)
        //opacity: 0.5//(2)
        Text {
            id: name
            text: qsTr("jizhijin j lmdsfpocj g")
            anchors.centerIn: parent
            font.pixelSize: 30
            color: "white"
        }

    }


}

上述代码直接运行产生效果1；

将(1)中的“color: Qt.rgba(45/255,44/255,109/255,1)”变成“color: Qt.rgba(45/255,44/255,109/255,0.5)”产生效果2

将(2)注释放开，(1)变成"color: Qt.rgba(45/255,44/255,109/255,1)",产生效果3。效果1/2/3的图形如下：

可以看到设置opacity的时候字体的颜色也会有透明度。