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" の形式の16進数の3進数または4進数。たとえば、赤色は"#FF0000" の3進数に対応し、わずかに透明な青色は"#800000FF" の4進数に対応する。
• 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++と統合する場合、C++からQMLに渡された QColor の値は自動的にcolor の値に変換されることに注意してください。

この値型はQtQuick import によって提供される。

SVGカラーリファレンス

次の表は利用可能なSVG 色の一覧です：

QML 値の型も参照してください 。

プロパティの説明