このトピックでは、C1Accordion コントロールの作成に使用される XAML の概要を提供します。詳細については、「タスク別ヘルプ」セクションを参照してください。
次の XAML マークアップは、3つの C1AccordionItem を含む C1Accordion コントロールを作成します。
XAML |
コードのコピー
|
---|---|
<c1:C1Accordion Height="100" HorizontalAlignment="Left" Name="c1Accordion1" VerticalAlignment="Top" Width="200"> <c1:C1AccordionItem IsTabStop="False" /> <c1:C1AccordionItem IsTabStop="False" /> <c1:C1AccordionItem IsTabStop="False" /> </c1:C1Accordion> |
次の XAML マークアップは、3つの C1AccordionItem を含む C1Accordion コントロールを作成します。これは、C1AccordionItem から成る C1Accordion のマークアップと似ていますが、今回は各 C1AccordionItem にコンテンツがあります。最初の項目には TextBlock、2番目の項目には Button コントロール、3番目の項目には Calendar コントロールが含まれます。
XAML |
コードのコピー
|
---|---|
<c1:C1Accordion Height="276" HorizontalAlignment="Left" Name="c1Accordion1" VerticalAlignment="Top" Width="355"> <c1:C1AccordionItem IsTabStop="False"> <TextBlock Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="textBlock1" Text="TextBlock" VerticalAlignment="Top">Hello world!</TextBlock> </c1:C1AccordionItem> <c1:C1AccordionItem IsTabStop="False"> <Button Content="ボタン" Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="button1" VerticalAlignment="Top" Width="75" /> </c1:C1AccordionItem> <c1:C1AccordionItem IsTabStop="False"> <sdk:Calendar Height="169" HorizontalAlignment="Left" Margin="15,15,0,0" Name="calendar1" VerticalAlignment="Top" Width="230" /> </c1:C1AccordionItem> </c1:C1Accordion> |