在地铁应用中将标签栏放在顶部？

Question

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

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

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

Answer 1

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

如果您选择使用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

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