ShadowStyle QML Type

델리게이트의 드롭 섀도우 스타일을 정의합니다. 더 보기...

이 유형은 기술 미리보기 단계에 있으며 변경될 수 있습니다.

• 상속된 멤버를 포함한 모든 멤버 목록

속성

• blur : real
• color : color
• delegate : Component
• horizontalOffset : real
• opacity : real
• scale : real
• verticalOffset : real
• visible : bool

상세 설명

ShadowStyle은 DelegateStyle 뒤에 드롭 섀도우를 렌더링하기 위한 속성을 제공합니다. 이 속성은 모든 델리게이트에서 ' shadow ' 그룹 속성으로 사용할 수 있습니다.

button {
    background {
        shadow {
            color: "lightgray"
            opacity: 0.6
            verticalOffset: 2
            horizontalOffset: 2
        }
    }
}

크기와 색상을 조정하여 그림자를 글로우 효과로 활용할 수도 있습니다. 다음 코드 조각은 Switch 의 핸들에 확산되는 흰색 글로우 효과를 추가하며, 체크 상태일 때 그 강도가 더 강해집니다:

dark: Theme {
    applicationWindow.background.color: "#1e1e1e"
    switchControl {
        handle.color: "white"
        handle.shadow {
            color: "ghostwhite"
            scale: 1.2
            opacity: 0.6
        }
        checked.handle.shadow.scale: 1.5
    }
}

DelegateStyle, ControlStyle, ControlStateStyle 및 FallbackStyle 참조항목도 참조하십시오 .

속성 문서

blur : real

그림자의 흐림 정도. ‘ 0.0 ’ 값을 설정하면 선명한 그림자가 생성되고, 값이 클수록 더 부드럽고 확산된 그림자가 생성됩니다. 기본값은 ‘ 10.0 ’입니다.

color : color

그림자의 색상입니다. 기본값은 transparent 이며, 이는 기본적으로 그림자가 그려지지 않음을 의미합니다.

visible 및 opacity도 참조하십시오 .

delegate : Component

기본 그림자 렌더링을 대체하는 사용자 정의 QML Component 입니다. 이 속성이 설정되면 StyleKit은 기본 그림자를 그리는 대신 이 컴포넌트를 인스턴스화합니다.

horizontalOffset : real

델리게이트에서 그림자가 수평으로 이동하는 거리(픽셀 단위).

opacity : real

그림자의 불투명도. 0.0 (완전히 투명)부터 1.0 (완전히 불투명)까지입니다. 기본값은 1.0 입니다.

visible 및 color도 참조하십시오 .

scale : real

대리인에 대한 그림자의 배율 계수입니다. 기본값은 1.0 입니다.

verticalOffset : real

델리게이트에서 그림자가 발생하는 수직 오프셋(픽셀 단위).

visible : bool

그림자가 표시되는지 여부입니다. 기본값은 true 입니다.

그러나 기본 그림자 색상 color 은 transparent 이므로, 다른 색상을 설정하지 않는 한 그림자는 표시되지 않습니다.

opacity도 참조하십시오 .