c# - 在 Metro 应用程序的顶部放置一个标签栏？

Question

我想制作一个功能与此类似的 WinRT Metro 应用程序：

http://learn.knockoutjs.com/WebmailExampleStandalone.html#Inbox

带有指向应用程序各个页面的链接的选项卡栏如何适合 Metro 风格的应用程序？你会使用 AppBar 吗？在顶部还是左侧？你会为每个页面使用一个单选按钮吗？您会使用 FlipView 来更改页面吗？这种地铁应用程序有哪些示例？

Answer 1

如果您的目标是让您的应用程序进入 Windows 8 商店（当然是！）我建议您深入研究 Metro UX 指南。此处记录了导航指南。它记录了几种导航模式。

如果您确实选择使用 AppBar 作为导航控件，则可以使用此代码段将 AppBar 固定到 XAML/C# 应用程序的顶部。AppBar 将在显示页面时打开，因为 IsOpen 设置为 true 并使用 IsSticky继续开放。

<Page.TopAppBar>
    <AppBar x:Name="SampleNavBar" IsOpen="True" IsSticky="True">
       [PUT YOUR NAV CONTROLS HERE]            
    </AppBar>
</Page.TopAppBar>

对于与您要查找的内容相近的示例，请使用 Windows 8 附带的天气应用程序并转到“位置”屏幕。右键单击或滑动以调出应用栏。该应用程序同时显示顶部 AppBar 和底部 AppBar。顶部的 AppBar 是一个导航栏。

Answer 2

在这种特殊情况下，您可以只使用较少的铬（渐变/阴影）来做同样的事情。这些按钮可能只是带有 Style="{StaticResource TextRadioButtonStyle}" 的 RadioButtons。选项卡只会更改过滤器 - 基于选定的选项卡，您的视图模型将为列表提供不同的 ItemsSource。