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

Blend の場合

次の手順に従います。

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

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

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

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

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

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

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

Visual Studio の場合

次の手順に従います。

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

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

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

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

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

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

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

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

このトピックの作業結果

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