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