opacity: enabled?1.0:0.3-QT开发中文网

在 QML 中，opacity 属性可以根据条件动态设置透明度。你提供的表达式 opacity: enabled ? 1.0 : 0.3 使用了三元运算符来根据一个名为 enabled 的变量的值来决定透明度。

三元运算符解释

enabled: 这是一个布尔值（true 或 false）。
?: 这是三元运算符的开始。
1.0: 如果 enabled 为 true，则透明度设置为完全不透明。
:: 分隔符，用于引入 false 情况下的值。
0.3: 如果 enabled 为 false，则透明度设置为半透明（30% 不透明）。

示例代码

下面是一个简单的 QML 示例，展示如何使用这个条件表达式来设置矩形的透明度：

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 400
    height: 300

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

        // 定义一个 boolean 类型的属性 enabled
        property bool enabled: true // 可以通过改变这个值来看效果

        Rectangle {
            width: 200
            height: 100
            color: "blue"
            opacity: enabled ? 1.0 : 0.3 // 根据 enabled 的值来设定透明度
            
            Text {
                anchors.centerIn: parent
                text: "Opacity Example"
                color: "white"
            }
        }

        // Button to toggle the enabled state
        Button {
            text: "Toggle Enabled"
            anchors.top: parent.top
            anchors.horizontalCenter: parent.horizontalCenter
            
            onClicked: {
                enabled = !enabled; // 切换 enabled 值
            }
        }
    }
}

功能说明

property bool enabled：定义了一个布尔类型属性 enabled，初始为 true。
Rectangle：包含两个矩形，一个是背景矩形，另一个是带有动态不透明度的蓝色矩形。
动态 opacity：
- 使用表达式 opacity: enabled ? 1.0 : 0.3 来根据 enabled 的状态调整蓝色矩形的不透明度。
Button：点击按钮时，会切换 enabled 的值，从而改变蓝色矩形的不透明度。