このトピックでは、C1DateTimeSelector コントロールを作成し、コードを使用してコントロールに基本スタイルを適用する手順について説明します。

次の手順に従います。

1. MainPage.xaml が開いていない場合は開き、<Grid> </Grid> のタグセットを探します。次のようにマークアップを編集します。

   マークアップ	コードのコピー
   <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}" x:Name="LayoutRoot"> </Grid>

2. ページを右クリックし、リストから［コードの表示］を選択してコードビューに切り替えます。
3. 次の名前空間をアプリケーションに追加します。

   C#	コードのコピー
   using C1.Xaml;

   
   

   Visual Basic	コードのコピー
   Imports C1.Xaml

4. InitializeComponent() メソッドのすぐ下に、次のコンストラクタを挿入します。

   Visual Basic	コードのコピー
   Dim c1DTS1 As C1DateTimeSelector = New C1DateTimeSelector

   
   

   C#	コードのコピー
   C1DateTimeSelector c1DTS1 = new C1DateTimeSelector();

5. コンストラクタ内に次のコードを追加して、C1DateSelector の幅と高さを制御します。

   Visual Basic	コードのコピー
   c1DTS1.Height = 55 c1DTS1.Width = 600

   
   

   C#	コードのコピー
   c1DTS1.Height = 55; c1DTS1.Width = 600;

6. C1DateSelector を表示する行をコードの最後に挿入します。

   Visual Basic	コードのコピー
   LayoutRoot.Children.Add(c1DTS1)

   
   

   C#	コードのコピー
   LayoutRoot.Children.Add(c1DTS1);

7. アプリケーションを実行します。C1DateTimeSelector コントロールは次の図のようになります。