前の手順では、Silverlight プロジェクトを作成し、C1Accordion コントロールを追加しました。この手順では、C1Accordion コントロールの動作と外観をカスタマイズします。

次の手順に従います。

1. <c1:C1Accordion> タグに Height="250" を追加して、コントロールの高さを設定します。XAML マークアップは次のようになります。

   XAML	コードのコピー
   <c1:C1Accordion Height="250">

2. <c1:C1Accordion> タグに Width="400" を追加して、コントロールの幅を設定します。XAML マークアップは次のようになります。

   XAML	コードのコピー
   <c1:C1Accordion Height="250" Width="400">

3. <c1:C1Accordion> タグに ExpandDirection="Left" を追加します。これにより、C1Accordion コントロールが上からではなく下から展開されます。これはデフォルトです。XAML マークアップは次のようになります。

   XAML	コードのコピー
   <c1:C1Accordion Height="250" Width="400" ExpandDirection="Left">

4. <c1:C1Accordion> タグに Fill="True" を追加します。これにより、各ペインの幅は、C1Accordion コントロールに指定された幅と同じになります。XAML マークアップは次のようになります。

   XAML	コードのコピー
   <c1:C1Accordion Height="250" Width="400" ExpandDirection="Left" Fill="True">

5. <c1:C1Accordion> タグに AllowCollapseAll="False" を追加します。これにより、すべてのペインを同時に折りたたむことができなくなります。XAML マークアップは次のようになります。

   XAML	コードのコピー
   <c1:C1Accordion Height="250" Width="400" ExpandDirection="Left" Fill="True" AllowCollapseAll="False">

この手順では、C1Accordion コントロールの外観と動作をカスタマイズしました。次の手順では、このコントロールにカスタマイズしたアコーディオンペインをいくつか追加します。