opacity: 0.5-QT开发中文网

在 QML 中，opacity 属性用于设置一个项目的透明度。透明度的值范围是从 0.0 到 1.0：

0.0 表示完全透明（不可见）
1.0 表示完全不透明（可见）

如果你将某个元素的 opacity 设置为 0.5，这意味着该元素将半透明地显示。

示例

下面是一个简单的 QML 示例，其中包含一个矩形和文本，并且通过设置 opacity: 0.5 来使其半透明：

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 400
    height: 300

    Rectangle {
        anchors.fill: parent
        color: "lightgray"

        // 半透明矩形
        Rectangle {
            width: 200
            height: 100
            color: "blue"
            opacity: 0.5 // 设置为半透明

            Text {
                anchors.centerIn: parent
                text: "I am half transparent!"
                color: "white"
            }
        }
        
        // 完全不透明矩形以作比较
        Rectangle {
            width: 200
            height: 100
            color: "green"
            y: 120 // 向下移动以分开两个矩形
            
            Text {
                anchors.centerIn: parent
                text: "I am fully opaque!"
                color: "white"
            }
        }
    }
}

解释

ApplicationWindow：定义了一个应用程序窗口。
外层 Rectangle：作为背景，填充整个窗口并设置为浅灰色。
第一个内层 Rectangle：
- 宽度为200，高度为100，颜色为蓝色。
- 设置了 opacity: 0.5，使这个蓝色矩形呈现出半透明效果。
- 在中间放置了一段白色文本。
第二个内层 Rectangle：
- 与第一个相同，但是它没有设置透明度，因此它是完全不透明的绿色矩形。
- 同样在中间放置了一段白色文本。