このページでは

スタイルキットの例

StyleKit を使用した Qt Quick Controls使用する方法を示します。

ボタン、チェックボックス、スライダー、設定を表示するStyleKitのデモ

この例では、StyleKit を使用したアプリケーションのスタイリング方法を紹介します。スタイリングのさまざまな側面を示すいくつかのスタイルが含まれています:

  • Plain- 基本のみを備えた最小限のスタイルです。
  • Haze- 複数のテーマを持つ高度なスタイル
  • Vitrum- VR 環境をターゲットとしたスタイル
  • CustomDelegates- オーバーレイ、アンダーレイ、シェーダー効果の作成方法を示すスタイル

この例では、特に以下の方法を示しています:

  • 異なるスタイルの実装と切り替え。
  • ライトテーマとダークテーマ、およびハイコントラストなどの追加テーマのサポートを実装します。
  • StyleVariation を使用して、アプリケーションの一部に代替スタイルを提供する。
  • カスタムデリゲートを実装して、オーバーレイとアンダーレイ効果を追加する。
  • コントロールにシェーダーベースの視覚効果を適用する。
  • CustomControl およびStyleReader を使用してカスタムコントロールを構築する。
  • テーマを変更したり、背景半径などのスタイル プロパティを調整したりするなど、実行時にスタイルと対話します。

例の実行

からサンプルを実行するには Qt Creatorからサンプルを実行するには、Welcome モードを開き、Examples からサンプルを選択します。詳細については、Qt Creator:Tutorialを参照してください:ビルドと実行

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

Qt Labs StyleKitStyleThemeも参照して ください。

© 2026 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.