最初、アコーディオンペインのコンテンツ領域は空です。コンテンツ領域には、グリッド、テキスト、画像、および任意のコントロールを追加できます。Blend または Visual Studio のデザインビューでは、簡単なドラッグアンドドロップ操作を使用して、コントロールのコンテンツ領域に要素を追加したり、コントロール内の要素を移動することができます。

次の画像は、アコーディオンペインのコンテンツ領域を示します。

コンテンツ領域にテキストを追加するには、項目の Content プロパティを設定するか、TextBox 要素をコンテンツ領域に追加します。実行時にコンテンツ領域に WPF 要素を追加することは簡単です。Visual Studio または Blend では、簡単なドラッグアンドドロップ操作または XAML のいずれかを使用できます。実行時にコントロールを追加する場合は、C# または Visual Basic コードを使用できます。

C1AccordionItem 項目は、子要素を一度に１つだけ受け入れることができます。ただし、この問題は、パネルベースのコントロールを子要素として追加することで回避できます。StackPanel コントロールなどのパネルベースのコントロールは、複数の要素を保持できます。パネルベースのコントロール自身が複数の要素を保持できるため、これを使用すると、C1AccordionItem 項目はコントロールを１つだけ保持できるという制限を満たしつつ、アコーディオンペインのコンテンツ領域に複数のコントロールを表示できます。

属性構文とプロパティ要素構文

コンテンツ領域に単純な要素（書式設定されていない文字列、１つのコントロールなど）を追加する場合は、次に示すように、XAML マークアップの一般的な XML 属性を使用できます。

<c1ext:C1AccordionItem Content="Hello World"/>

ただし、コンテンツ領域に、グリッドやパネルなどの複雑な要素を追加することもできます。このような場合は、次に示すように、プロパティ要素構文を使用できます。

<c1ext:C1AccordionItem Width="150" Height="55" Name="C1AccordionItem1">
            <c1ext:C1AccordionItem.Content>
                <StackPanel>
                    <TextBlock Text="Hello"/>
                    <TextBlock Text="World"/>
                </StackPanel>
            </c1ext:C1AccordionItem.Content>
</c1ext:C1AccordionItem>