アコーディオンペインのヘッダー要素は、WPF/Silverlight コントロールを受け入れることができます。このトピックでは、XAML およびコードを使用して、ヘッダーに Button コントロールを追加します。このトピックは、少なくとも１つの C1AccordionItem 項目を含む C1Accordion コントロールがプロジェクトに追加されていることを前提としています。

XAML の場合

XAML で Button をヘッダーに追加するには、<c1:C1AccordionItem> タグと </c1:C1AccordionItem> タグの間に、次の XAML マークアップを配置します。

<c1:C1AccordionItem.Header>
    <Button Content="ボタン" Height="Auto" Width="50"/>
</c1:C1AccordionItem.Header>

コードの場合

コードで Button コントロールをヘッダーに追加するには、次の手順に従います。

1. x:Name="C1AccordionItem1" を <c1:C1Accordion> タグに追加します。これにより、このオブジェクトをコード内で呼び出すための一意の識別子が指定されます。

2. コードビューに切り替えて、InitializeComponent() メソッドの下に次のコードを追加します。

   • VisualBasic
   • C#

   	コードのコピー
   ' Button コントロールを作成します Dim NewButton As New Button() NewButton.Content = "ボタン" ' Button コントロールの Width および Height プロパティを設定します NewButton.Width = 50 NewButton.Height = Double.NaN ' ボタンをヘッダーに追加します C1AccordionItem1.Header = (NewButton)

   	コードのコピー
   InitializeComponent(); // Button コントロールを作成します Button NewButton = new Button(); NewButton.Content = "ボタン"; // Button コントロールの Width および Height プロパティを設定します NewButton.Width = 50; NewButton.Height = Double.NaN; // ボタンをヘッダーに追加します C1AccordionItem1.Header = (NewButton);

3. プログラムを実行します。

このトピックの作業結果

ヘッダー内に Button コントロールが表示されます。最終的な結果は、次の画像のようになります。