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

次の手順に従います。

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

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

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

   C# コードの書き方

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

   Visual Basic コードの書き方

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

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

   Visual Basic コードの書き方

   Visual Basic	コードのコピー
   Dim c1timeselect1 As C1TimeSelector = New C1TimeSelector

   C# コードの書き方

   C#	コードのコピー
   C1TimeSelector c1timeselect1 = new C1TimeSelector();

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

   Visual Basic コードの書き方

   Visual Basic	コードのコピー
   c1timeselect1.Height = 55 c1timeselect1.Width = 350

   C# コードの書き方

   C#	コードのコピー
   c1timeselect1.Height = 55; c1timeselect1.Width = 350;

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

   Visual Basic コードの書き方

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

   C# コードの書き方

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

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