デフォルトでは、アコーディオンペインのヘッダー要素はコントロールの上部に表示され、ヘッダーの右側にエキスパンダボタンが表示されます。C1AccordionItem 項目(アコーディオンペイン)をページ内に配置したとき、最初は、このヘッダー要素にテキストは含まれません。
次の画像は、アコーディオンペインのヘッダー領域を示します。
ヘッダー要素にテキストを追加するには、Header プロパティに文字列を設定します。テキストを追加したら、いくつかのフォントプロパティ(「テキストのプロパティ」を参照)を使用して、テキストのスタイルを指定できます。このヘッダーに WPF コントロールを追加することもできます。
ヘッダー要素とエキスパンダボタンの位置は、コントロールの展開方向によって異なります。展開方向の詳細については、「展開方向」トピックを参照してください。
ヘッダーに単純な要素(書式設定されていない文字列など)を追加する場合は、次に示すように、XAML マークアップの一般的な XML 属性を使用できます。
<c1ext:C1AccordionItem Header="Hello World"/>
ただし、コンテンツ領域に、グリッドやパネルなどの複雑な要素を追加することもできます。このような場合は、次に示すように、プロパティ要素構文を使用できます。
<c1ext:C1AccordionItem Width="150" Height="55" Name="C1AccordionItem1"> <c1ext:C1AccordionItem.Header> <Grid HorizontalAlignment="Stretch"> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <TextBlock Text="C1AccordionItem"/> </Grid> </c1ext:C1AccordionItem.Header> </c1ext:C1AccordionItem>