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

版权声明:禁止转载 https://blog.csdn.net/ipfpm/article/details/88681904

(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的时候字体的颜色也会有透明度。

展开阅读全文

没有更多推荐了,返回首页