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 색상 값을 나타냅니다. 이 값은 다음과 같은 여러 가지 방법으로 지정할 수 있습니다:

• "red", "green" 또는 "lightsteelblue"와 같은 색상 이름( SVG color name)을 사용합니다.
• "#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
}

색상 유형에는 색상의 빨강(red), 녹색(green), 파랑(blue) 및 알파(alpha) 값을 각각 나타내는 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 임포트를 통해 제공됩니다.

SVG 색상 참조

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

QML 값 유형도 참조하십시오 .

속성 문서

a : real

RGBA 모델의 알파 색상 채널입니다. 알파는 각 픽셀의 불투명도를 나타냅니다.

b : real

RGBA 모델의 청색 채널.

g : real

RGBA 모델의 녹색(Green) 색상 채널.

hslHue : real

색상의 HSL 색조(hue) 색상 성분.

hslLightness : real

색상의 HSL 명도 색상 구성 요소.

hslSaturation : real

색상의 HSL 채도 색상 성분.

hsvHue : real

색상의 HSV 색조 구성 요소.

hsvSaturation : real

색상의 HSV 채도 색상 성분.

hsvValue : real

색상의 HSV 값 색상 구성 요소.

r : real

RGBA 모델의 적색 채널.

valid : bool

색상이 유효한 경우 ` True `를 반환하고, 그렇지 않은 경우 ` False`를 반환합니다.