QML父窗口半透明情况下子窗口不透明

最新推荐文章于 2024-08-11 17:46:23 发布

原创最新推荐文章于 2024-08-11 17:46:23 发布 · 4.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#qt #qml #qt quick #animation

Qt 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在QML中实现一个带有半透明背景的等待界面，并通过父元素的color属性设置整体透明度。此外，还展示了如何添加旋转动画和文字提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

QML的父元素opacity值会被继承，而color不会。故可以在父窗口使用8位color代码，前两位是alphar透明值。

 Rectangle{
        id:waitingRec
        z:100
        visible:false
        anchors.fill: parent
        color:"#50000000"
        Component.onCompleted: {
            animation.start()
        }
        Image{
            id:rotation
            anchors.centerIn: parent
            width:80
            height:80
            source:"image://cmos-settings/icon/loading.png"
            RotationAnimation on rotation {
                   id: animation
                   loops: Animation.Infinite
                   from: 0
                   to: 360
               }
        }
        Text{
            anchors.top:rotation.bottom
            anchors.horizontalCenter: parent.horizontalCenter
            anchors.topMargin: 15
            text:qsTr("Uninstalling...")
            color:"black"
            font.family: defaultFontFamily
            font.pixelSize: 35
            style: Text.Outline
            styleColor:"white"
        }
    }

父窗口是黑色半透明铺满全屏，子窗口是不透明的旋转的动画和文字界面。注意父元素的color属性