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 Referenceも参照してください 。

プロパティのドキュメント

blur : real

影のぼかし具合。値が0.0 の場合はシャープな影になり、値が大きい場合はソフトで拡散した影になります。デフォルト値は10.0 です。

color : color

影の色。デフ ォル ト 値はtransparent で、 こ れはデフ ォ ル ト では影は描かれない こ と を意味 し ます。

visible およびopacityも参照してください 。

delegate : Component

デフォルトのシャドウ描画を置き換えるカスタム QMLComponent です。設定すると、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も参照してください 。