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, 예: "빨강", "초록" 또는 "연강색".
• "#RRGGBB" 및 "#AARRGGBB" 형식의 16진수 삼중항 또는 사중항으로 각각 지정합니다. 예를 들어 빨간색은 "#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 속성이 있습니다. 또한 hsv색조, hsv채도, hsv값, hsl색조, hsl채도, hsl명도 속성을 사용하면 각각 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 가져오기를 통해 제공됩니다.

SVG 색상 참조

다음 표에는 사용 가능한 SVG 색상이 나열되어 있습니다:

QML 값 유형도참조하세요 .

프로퍼티 문서