qml rectangle 改透明度

在QtQuick中的`Rectangle`元素，你可以通过`opacity`属性来调整其透明度。透明度是一个介于0（完全透明）到1（完全不透明）之间的浮点数。例如，下面是如何创建一个半透明的矩形：

Rectangle {
    width: 200
    height: 100
    color: "transparent" // 设置矩形背景颜色为透明
    opacity: 0.5   // 设置透明度为50%，即半透明
}

在这个例子中，矩形将会是半透明的，内容部分的颜色会被背景色穿透，如果背景色是白色，那么看起来就像是灰色。

要动态地改变透明度，你可以绑定一个信号或者使用`AnimatedProperty`。例如，如果你想在一个定时器里逐渐改变透明度：

Rectangle {
    id: myRectangle
    width: 200
    height: 100
    color: "transparent"
    property real currentOpacity: 1.0

    onCurrentOpacityChanged: {
        myRectangle.opacity = currentOpacity
    }

    Timer {
        id: timer
        interval: 1000 // 每秒更新一次
        running: true
        repeat: true
        onTriggered: {
            currentOpacity -= 0.01; // 每次递减0.01的透明度
            if (currentOpacity <= 0) { // 当透明度小于等于0时停止
                timer.stop()
            }
        }
    }
}