材質テーマを使用QML(Qtのスタイリングクイックは2を制御します)

Qtのクイックは、開発者のための自由の偉大度を提供し、それはプロジェクトのいくつかのコントロール伝統的なスタイルのために、そのようには同様の皮膚と物事が各コントロール自身のDIYそれを持つのではなく、開発効率を向上させることはできませんがありますか?答えは

Qtのクイックコントロールのスタイル2

QtのクイックControls2は、いくつかの代替スタイルを提供しました

デフォルトスタイル(デフォルトのスタイル)

デフォルトのスタイルは、コントロールのすべての側面に反映され、シンプルで軽量なスタイルです。利点は、あなたのアプリケーションのパフォーマンスを最大化するための機能です

 

フュージョンスタイル(スタイルの融合)

フュージョンスタイルは、Qtのクイックコントロールのデスクトップ指向の外観を提供し、プラットフォームに依存しないスタイルです。

想像スタイル(テクスチャスタイル)

イメージングのスタイルは、画像リソースの認識に基づいています。このスタイルは、画像のデフォルトセットを提供しますが、事前に定義された命名規則を使用してマップにディレクトリを提供するために、あなたは簡単にマップのスタイルを変更することができます。

材料スタイル(Googleのマテリアルスタイル)

材料のスタイルGoogleが提示マテリアルデザイン、設計ルールを美しく魅惑的なスタイルのプログラム・インタフェースを提供します

ユニバーサル・スタイル(マイクロソフトユニバーサルスタイル)

ユニバーサルスタイルはに応じて、Microsoftの提案ユニバーサルデザインの設計ルール、美しく魅惑的なスタイルのインターフェイスプログラムを提供します。

 

材料構成インターフェースのスタイル

       アプリケーション・インターフェースのスタイルを設定するための方法は、C ++ソースファイルであるmain.cppにによってQQuickStyle静的メソッドのsetStyleようなスタイルマテリアルデザインアプリケーションを設定するために、次のコードとして提供され、

QQuickStyle::setStyle("Material");

プログラム・インタフェースのスタイルを設定するための別の方法は、構成ファイルを使用することですqtquickcontrols2.confを

次のコンフィギュレーションコードの中でプログラムにコンパイルされるリソースファイルは、材料設計ルールを使用してターゲット・プログラム、および光のテーマを指定すると、この設定ファイルは、最終的になります。有効にする設定ファイルを作成するには、ファイルは、アプリケーション、プログラムなどのリソースファイルにコンパイルする必要があります

[Controls]
Style=Universal

[Material]
Theme=Light
Accent=Teal
Primary=BlueGrey

グローバルスタイルのコントロール設定、制御を個別に設定する必要がある場合に、QMLファイルに、あなたがする必要がある、でこのプロファイルは、位QssファイルQtのスタイルシートに似てQtQuick.Controls.Material 2.0、コントロールの単一のセットをインポートします

    CheckBox {
        Material.theme: Material.Light
        Material.accent: Material.Purple
        id: checkBox
        x: 187
        y: 26
        text: qsTr("Check Box")
    }

その追加のプロパティは次のとおりです。

1.  アクセント、色の種類、キーカラーを表し、デフォルトはMaterial.Pink

2.  プライマリ、色の種類は、好ましくは、色を表し、デフォルト  Material.Indigo

3.  backbround、カラータイプは、被験者によって背景色(明暗)指定されたデフォルトを表します

4.  高度、INTタイプは、高度、大きな値、より暗いシェーディング、特定のコントロールに関連付けられた値を示します

5.  前景、前景の色を表す色タイプ、テーマは、デフォルト値(明暗)によって指定されました

6.  テーマ、列挙型は、デフォルトでは、テーマを表しMaterial.LightそれはまたMaterial.Darkに変更することができ、

材料の定義済みの色

キーカラーと好みの色を任意の色であってもよく、この色は、他の材料スタイルパレットと組み合わせて使用​​することができる事前定義された色の種類を使用することをお勧めします。

使用可能な定義済みの色テーブル:

リリース6元記事 ウォンの賞賛8 ビュー1109

おすすめ

転載: blog.csdn.net/zjgo007/article/details/104855648