前の手順では、カスタマイズされた C1Accordion コントロールを含むプロジェクトを作成しました。この手順では、いくつかのアコーディオンペインを追加します。これらのペインは、後でカスタマイズし、コンテンツを追加します。

次の手順に従います。

1. C1Accordion コントロールをクリックして選択します。

2. ［プロパティ］ウィンドウで、［項目］の省略符ボタンをクリックします。
   ［コレクション エディター：Items］ダイアログボックスが開きます。

3. ［追加］ボタンを３回クリックして、３つの C1AccordionItem 項目を C1Accordion コントロールに追加します。

4. 最初の［C1AccordionItem］を選択し、次のプロパティを設定します。

   • Background プロパティを Aqua に設定し、アコーディオンペインの背景色を設定します。

   • Content プロパティを「これはコンテンツ領域です。」に設定し、アコーディオンペインにテキストコンテンツを追加します。

5. ２番目の［C1AccordionItem］を選択し、次のプロパティを設定します。

   • Background プロパティを AliceBlue に設定し、アコーディオンパネルの背景色を設定します。

   • IsExpanded プロパティを True に設定します。これにより、このペインは実行時に展開されます。

6. ３番目の［C1AccordionItem］を選択し、Background プロパティを LawnGreen に設定して、アコーディオンペインの背景色を設定します。

7. ［OK］をクリックして、［コレクション エディター：Items］ダイアログボックスを閉じます。

8. XAML ビューに切り替えて、次の手順に従います。

   • Header="ペイン１" を最初の <c1:C1AccordionItem> タグに追加します。

   • Header="ペイン２" を２番目の <c1:C1AccordionItem> タグに追加します。

   • Header="ペイン３" を３番目の <c1:C1AccordionItem> タグに追加します。

9. デザインビューに切り替え、次の手順に従って、２番目のアコーディオンペインにコントロールを追加します。

   1. デザイナで、２番目のアコーディオンペインをクリックして選択します。

   2. ツールボックスに移動し、［カレンダ］アイコンをダブルクリックして、アコーディオンペインにコントロールを追加します。

この手順では、C1Accordion コントロールに３つのアコーディオンペインを追加し、２つのアコーディオンペインにコンテンツを追加しました。次の手順では、プロジェクトを実行し、コントロールの実行時機能を確認します。