颜色 QML 值类型

一个 ARGB 颜色值。 更多信息...

详细描述

color 类型指代 ARGB 颜色值。它可以以多种方式指定

• 通过一个 SVG 颜色名称，例如 "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++ 集成时请注意，任何 QColor 值 从 C++ 传递到 QML 都会自动转换为 color 值，反之亦然。

此值类型由 QtQuick 导入提供。

SVG 颜色参考

以下表格列出了可用的 SVG 颜色

另请参阅 QML 值类型.