前の手順では、いくつかのプロパティを設定し、StackPanel、C1CoverFlow、および TextBlock コントロールをカスタマイズしました。この手順では、４つの項目、具体的には TextBox コントロールと３つの画像を C1CoverFlow コントロールに追加します。また、プロパティを設定して、各項目をカスタマイズします。

次の手順に従います。

1. 次の手順に従って、TextBox コントロールを C1CoverFlow コントロールに追加します。

   1. ［オブジェクトとタイムライン］パネルで C1CoverFlow1 を選択します。

   2. ［アセット］パネルで、検索バーに「TextBox」と入力します。 TextBox コントロールのアイコンが表示されます。

   3. ［TextBox］アイコンをダブルクリックして、コントロールを C1CoverFlow コントロールに追加します。

2. 次の手順に従って、コントロールに最初の画像を追加します。

   1. ［オブジェクトとタイムライン］パネルで C1CoverFlow1 を選択します。

   2. ［プロジェクト］パネルで、Images フォルダを展開します（まだ展開されていない場合）。

   3. cover1.jpg をダブルクリックして、画像を C1CoverFlow コントロールに追加します。

   4. cover2.jpg をダブルクリックして、画像を C1CoverFlow コントロールに追加します。

   5. cover3.jpg をダブルクリックして、画像を C1CoverFlow コントロールに追加します。［オブジェクトとタイムライン］タブのレイアウトは次のようになります。

       

3. ［オブジェクトとタイムライン］パネルで［TextBox］を選択し、［プロパティ］ウィンドウで次のプロパティを設定します。

   • ［16 進数］テキストボックスに「#FFB3AED8」と入力して、Background プロパティをうす紫色に設定します。

   • Width プロパティを "150" に設定します。

   • Height プロパティを "150" に設定します。

   • プロパティを次の文字列に設定します。"製品画像のリストをスクロールすると、選択された製品の名前がテキストボックスに表示されます。"

4. ［オブジェクトとタイムライン］パネルで［Image］"cover1" を選択し、［プロパティ］ウィンドウで次のプロパティを設定します。

   • Width プロパティを "150" に設定します。

   • Height プロパティを "150" に設定します。

5. ［オブジェクトとタイムライン］パネルで［Image］"cover2" を選択し、［プロパティ］ウィンドウで次のプロパティを設定します。

   • Width プロパティを "150" に設定します。

   • Height プロパティを "150" に設定します。

6. ［オブジェクトとタイムライン］パネルで［Image］"cover3" を選択し、［プロパティ］ウィンドウで次のプロパティを設定します。

   • Width プロパティを "150" に設定します。 Height プロパティを "150" に設定します。

この手順では、C1CoverFlow コントロールに４つの項目を追加した後、項目のプロパティを設定しました。次の手順では、プロジェクトにコードを追加します。