DockControl for WPF
テーマ
レイアウトおよび外観 > テーマ

DockControl for WPF/Silverlight には、グリッドの外観をカスタマイズできるいくつかのテーマが組み込まれています。C1DockTabControl と C1DockTabItem を含むC1DockControl コントロールを初めてページに追加すると、次の図のように表示されます。

これは、このコントロールのデフォルトの外観です。この外観は、組み込みテーマの1つを使用したり、独自のカスタムテーマを作成することで変更できます。WPF のすべての組み込みテーマは、WPF Toolkit テーマに基づいています。以下に、組み込みテーマの説明と図を示します。以下の図では、選択状態のスタイルを示すために1つの行が選択されています。

テーマ名 テーマのプレビュー
C1ThemeBureauBlack
C1ThemeExpressionDark
C1ThemeExpressionLight
C1Blue (WPF のみ)
C1ThemeOffice2007Blue
C1ThemeOffice2007Black
C1ThemeOffice2007Silver
C1ThemeOffice2010Blue
C1ThemeOffice2010Black
C1ThemeOffice2010Silver
C1ThemeRainierOrange (Silverlight のみ)
C1ThemeShinyBlue
C1ThemeWhistlerBlue

要素のテーマを設定するには、ApplyTheme メソッドを使用します。最初に、テーマアセンブリへの参照をプロジェクトに追加し、次のようにコードでテーマを設定します。

コードのコピー
Private Sub Window_Loaded(sender As System.Object, e As System.Windows.RoutedEventArgs) Handles MyBase.Loaded
   Dim theme As New C1ThemeExpressionDark
   ' ApplyTheme の使用
   C1Theme.ApplyTheme(LayoutRoot, theme)
コードのコピー
private void Window_Loaded(object sender, RoutedEventArgs e)
   {
      C1ThemeExpressionDark theme = new C1ThemeExpressionDark();
      //ApplyTheme の使用
      C1Theme.ApplyTheme(LayoutRoot, theme);
   }

アプリケーション全体にテーマを適用するには、System.Windows.ResourceDictionary.MergedDictionaries プロパティを使用します。最初に、テーマアセンブリへの参照をプロジェクトに追加し、次のようにコードでテーマを設定します。

コードのコピー
Private Sub Window_Loaded(sender As System.Object, e As System.Windows.RoutedEventArgs) Handles MyBase.Loaded
   Dim theme As New C1ThemeExpressionDark
   ' MergedDictionaries の使用
Application.Current.Resources.MergedDictionaries.Add(C1Theme.GetCurrentThemeResources(theme))
End Sub
コードのコピー
private void Window_Loaded(object sender, RoutedEventArgs e)
   {
     C1ThemeExpressionDark theme = new C1ThemeExpressionDark();
     //MergedDictionaries の使用     
     Application.Current.Resources.MergedDictionaries.Add(C1Theme.GetCurrentThemeResources(theme));
   }

この方法は、初めてテーマを適用する場合にのみ使用できることに注意してください。別の ComponentOne テーマに切り替える場合は、最初に、Application.Current.Resources.MergedDictionaries から前のテーマを削除します。

メモ:Silverlightの場合は、BureauBlack、ExpressionDark、ExpressionLight、RainierOrange、ShinyBlue、WhistlerBlue の6つのテーマが提供されています。