C1TimeEditor コントロールには、デフォルトで明るい青色のテーマが設定されていますが、全部で 複数のテーマ（「テーマ」を参照）を適用できます。このトピックでは、C1TimeEditor コントロールのテーマを C1ThemeRanierOrange に変更します。

Blend の場合

次の手順に従います。

1. ［アセット］パネルをクリックします。

2. 検索バーに、「C1ThemeRainierOrange」と入力します。C1ThemeRainierOrangeアイコンが表示されます。

3. ［C1ThemeRainierOrange］アイコンをダブルクリックしてプロジェクトに追加します。

4. 検索バーに「C1TimeEditor」と入力して C1TimeEditor コントロールを検索します。

5. ［C1TimeEditor］アイコンをダブルクリックして C1TimeEditor コントロールをプロジェクトに追加します。

6. ［オブジェクトとタイムライン］タブで［C1TimeEditor］を選択し、これをドラッグアンドドロップ操作で［C1ThemeRainierOrange］の下に配置します。

7. プロジェクトを実行します。

Visual Studio の場合

次の手順に従います。

1. Visual Studio で、.xaml ページを開きます。

2. <Grid></Grid> タグの間にカーソルを置きます。

3. ツールボックスで、［C1ThemeRainierOrange］アイコンをダブルクリックしてテーマを宣言します。このタグは次のようになります。

   <my:C1ThemeRainierOrange></my:C1ThemeRainierOrange>

4. <my:C1ThemeRainierOrange> タグと </my:C1ThemeRainierOrange> タグの間にカーソルを置きます。

5. ツールボックスで、［C1TimeEditor］アイコンをダブルクリックして、このコントロールをプロジェクトに追加します。そのタグは <my:C1ThemeRainierOrange> タグの子として表示され、マークアップは次のようになります。

   XAML	コードのコピー
   <my:C1ThemeRainierOrange> <c1:C1TimeEditor></c1:C1TimeEditor> </my:C1ThemeRainierOrange>

6. プロジェクトを実行します。

このトピックの作業結果

次の図は、C1ThemeRainierOrange テーマが適用された C1TimeEditor コントロールを示しています。