アプリケーションへのテーマの適用

次のトピックでは、Visual Studio でアプリケーション全体にテーマを適用する方法について詳しく説明します。このトピックでは、組み込みテーマのリソースディクショナリをアプリケーションに追加します。

テーマを適用するには、次の手順に従います。

1. Visual Studio で、[ファイル]-[新規プロジェクト] を選択します。

2. 「新しいプロジェクト」ダイアログボックスにて、左ペインから言語を選択し、右ペインで「WPF アプリケーション」を選択します。プロジェクトの名前と場所を入力し、OK ボタンをクリックします。新しいアプリケーションが作成され、MainPage.xaml ファイルが XAML ビューで開きます。

3. ソリューションエクスプローラーにて、プロジェクトを右クリックし、[参照の追加] を選択します。

4. 「参照マネージャー」ダイアログボックスにて、C1.WPF.Theming と C1.WPF.Theming.ShinyBlue の各アセンブリを選択し、OK ボタンをクリックします。

5. ソリューションエクスプローラーにて、App.xaml.cs あるいは Application.xaml.vb ファイルをダブルクリックします。

6. OnStartup メソッドをオーバーライドし、以下のようにコードを追加します。

   C#

   VB

   コピー

   protected override void OnStartup(StartupEventArgs e)
   {
       base.OnStartup(e);
   
       var themes = new C1.WPF.Theming.ShinyBlue.C1ThemeShinyBlue();
       var rd = themes.GetNewResourceDictionary();
       this.Resources.MergedDictionaries.Add(rd);
   }

   Protected Overrides Sub OnStartup(e As StartupEventArgs)
       MyBase.OnStartup(e)
   
       Dim themes = New C1.WPF.Theming.ShinyBlue.C1ThemeShinyBlue()
       Dim rd = themes.GetNewResourceDictionary()
       Me.Resources.MergedDictionaries.Add(rd)
   End Sub

   これで、アプリケーションに含まれる各ウィンドウ内のコントロールに、テーマが自動的に設定されます。

7. ソリューションエクスプローラーにて、MainWindow.xaml ファイルをダブルクリックします。

8. ツールボックスで、C1DropDown アイコンをダブルクリックして、このコントロールを MainWindow ウィンドウ上に配置します。

9. C1DropDown コントロールのマークアップを以下のように更新します。

   XML

   コピー

   <c1:C1DropDown Width="100" Height="30"></c1:C1DropDown>

ここまでの成果

プロジェクトを実行して、ShinyBlue テーマで C1DropDown コントロールが表示されることを確認します。