StyleKit カスタムデリゲートの例

この例では、custom delegates を使用してStyleKitのスタイリングを拡張し、デフォルトのレンダリングでは実現できないスタイルをレンダリングする方法を示します。

以下の方法について解説します：

• StyledItem をサブクラス化してオーバーレイデリゲートを作成し、標準のデリゲートレンダリングの上にカスタムアイテムを配置する方法。
• delegateStyle およびcontrol プロパティを持つプレーンなItem を使用してアンダーレイデリゲートを作成し、標準的な外観を得るためにその上にStyledItem を埋め込みます。
• data プロパティを使用して、状態ごとのデータをカスタムデリゲートに渡します。
• ShaderEffect およびShaderEffectSource をStyledItem と組み合わせて使用し、シェーダーベースの視覚効果を適用します。
• custom shadow delegate を実装して、組み込みのシャドウレンダリングを置き換えます。
• 通常の QML プロパティを介して、静的な設定をデリゲートに渡します（例：RangeSlider の 1 番目と 2 番目のハンドルを区別するなど）。

例の動作確認

以下の手順でサンプルを実行できます。

• Qt Creator

  Welcome モードを開き、Examples からこの例を選択します。詳細については、Qt Creator の「チュートリアル：ビルドと実行」を参照してください。

• Qt Extension for Visual Studio Code

  Command Palette から `Qt: Open Qt examples ` コマンドを実行し、リストからサンプルを選択します。詳細については、Qt Extension for Visual Studio Code の「チュートリアル: ビルドと実行」を参照してください。

code.qt.io のサンプルプロジェクト