microsoft-metro - Windows 8 Metro 应用的手风琴控制

Question

如何在 XAML 中为 Windows Metro 应用程序创建 Accordion 控件？

Answer 1

创建手风琴的技术之一是使用 ZeroProximity.Accordion. 它是Silverlight Toolkit <Accordion>控件的一个端口。

您可以通过以下方式将此包添加到您的项目中

• 包管理器控制台：PM> Install-Package ZeroProximity.Accordion

• NuGet 包管理器 UI

• NuGet 网站：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 日），没有关于此软件包的官方文档或网站。