color QML Value Type

一个 ARGB 颜色值。更多

属性

• a : real
• b : real
• g : real
• hslHue : real
• hslLightness : real
• hslSaturation : real
• hsvHue : real
• hsvSaturation : real
• hsvValue : real
• r : real
• valid : bool

详细说明

color 类型指的是 ARGB 颜色值。它可以通过多种方式指定：

• 通过SVG color name ，如 "red"、"green "或 "lightsteelblue"。
• 分别以"#RRGGBB" 和"#AARRGGBB" 的十六进制三元组或四元组形式指定。例如，红色对应"#FF0000" 的三进制，略带透明的蓝色对应"#800000FF" 的四进制。
• 使用Qt.rgba(),Qt.hsva(),Qt.hsla(),Qt.darker(),Qt.lighter() 或Qt.tint() 函数。

示例

Rectangle {
    color: "steelblue"
    width: 40; height: 40
}
Rectangle {
    color: "transparent"
    y: 40; width: 40; height: 40
}
Rectangle {
    color: "#FF0000"
    y: 80; width: 40; height: 40
}
Rectangle {
    color: "#800000FF"
    y: 120; width: 40; height: 40
}
Rectangle {
    color: "#00000000"    // ARGB fully transparent
    y: 160
    width: 40; height: 40
}

颜色类型有r、g、b 和a属性，分别指颜色的红、绿、蓝和 alpha 值。此外，hsvHue、hsvSaturation、hsvValue、hslHue、hslSaturation 和hslLightness属性可分别访问 HSV 和 HSL 颜色模型中的颜色值。

Text {
    color: "red"

    // prints "1 0 0 1"
    Component.onCompleted: console.log(color.r, color.g, color.b, color.a)
}

要测试颜色值是否相等，可使用Qt.colorEqual() 函数。这样，无论颜色是以属性形式还是以任何可接受的字符串规范形式出现，都能进行准确比较。

与 C++ 集成时，请注意从 C++ 传入 QML 的任何QColor 值都会自动转换为color 值，反之亦然。

这种值类型由QtQuick import 提供。

SVG 颜色参考

下表列出了可用的SVG 颜色：

另请参阅 QML 值类型。

属性文档