microsoft-metro - Windows 8 Metro アプリのアコーディオン コントロール

Question

XAML で Windows Metro アプリ用のアコーディオン コントロールを作成するにはどうすればよいですか?

Answer 1

アコーディオンを作成するテクニックの 1 つは、 を使用すること ZeroProximity.Accordionです。これは、 Silverlight Toolkit <Accordion>コントロールのポートです。

このパッケージをプロジェクトに追加するには、

• パッケージ マネージャー コンソール:PM> Install-Package ZeroProximity.Accordion

• NuGet パッケージ マネージャー UI

• NuGet Web サイト: https://www.nuget.org/packages/ZeroProximity.Accordion/

---

XAML ファイルの先頭に参照を追加するだけです。

xmlns:controls="using:ZeroProximity.Controls"

そして、次を使用してコントロールを使用できます<controls:...

<controls:Accordion>...</controls:Accordion>
<controls:AccordionItem>...</controls:AccordionItem>など_

---

開始するための簡単な例を次に示します。

<controls:Accordion HorizontalAlignment="Stretch" SelectionMode="ZeroOrOne">                       
    <controls:AccordionItem Header="IPL Teams" FontSize="35">
        <controls:AccordionItem.Content>
            <StackPanel>
                <TextBlock Text="India"></TextBlock>
                <TextBlock Text="Australia"></TextBlock>
                <TextBlock Text="Bangladesh"></TextBlock>
                <TextBlock Text="Pakistan"></TextBlock>
            </StackPanel>
        </controls:AccordionItem.Content>
    </controls:AccordionItem>
    <controls:AccordionItem Header="IPL Teams" FontSize="35">
        <controls:AccordionItem.Content>
            <StackPanel>
                <TextBlock Text="India" ></TextBlock>
                <TextBlock Text="Australia"></TextBlock>
                <TextBlock Text="Bangladesh"></TextBlock>
                <TextBlock Text="Pakistan"></TextBlock>
            </StackPanel>
        </controls:AccordionItem.Content>
    </controls:AccordionItem>
</controls:Accordion>

*これが編集された時点 (2016 年 12 月 1 日) では、このパッケージに関する公式ドキュメントや Web サイトは見つかりません。