Тип 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, которые соответственно относятся к значениям красного, зеленого, синего и альфа-каналов цвета. Кроме того, он имеет свойства 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, переданное в QML из C++, автоматически преобразуется в значение color, и наоборот.

Этот базовый тип предоставляется импортом QtQuick.

См. также Основные типы QML.