html - Windows 8 中的菜单项？

Question

我正在尝试设计我的地铁应用程序，例如，在我的主页中，我需要在页面左侧的菜单中显示项目列表，当我们单击每个项目时，每个项目都需要导航单独的页面并包含一些数据。可以有人建议我应该采取哪种控制来开始我的场景？工作示例对我真的很有帮助。

谢谢你。

score 3 · Accepted Answer

WinRT 应用程序中的导航不使用菜单/菜单项隐喻。您可以添加一个从屏幕底部向上滑动的应用栏，用于放置上下文控件，例如与当前页面或所选项目相关的按钮。您还可以将全局设置添加到从右侧滑入的“设置”超级按钮。

您所描述的内容听起来像是 Visual Studio 2012 开箱即用的“拆分应用程序”模板。它由屏幕左侧的项目列表组成，选中后会更改右侧的内容-屏幕的手侧。尝试创建一个新的拆分应用程序，看看是否有帮助。

score 0 · Accepted Answer

在我看来，您所说的是 SplitApp 视图。查看此链接，列出的第二个模板，就在 GridView 下方：

您会发现在 Modern/Metro 中，诸如菜单之类的事情是通过窗口内容区域中的上下文列表视图或通过 AppBar 上的超级按钮（阅读图标）来处理的。许多人现在听到菜单并畏缩，只是由于 Chrome/Menu 免费应用程序的样式指南。

如果您不希望内容显示在链接旁边，就像 SplitApp 视图那样，您应该考虑为您的链接设置一个常规列表视图，根据您的喜好设置样式并设置为垂直显示，点击事件将您带到任何详细信息您要访问的页面视图。Metro App 中的导航非常简单。

C# 示例：

this.Frame.Navigate(typeof(MyDetailPage),myContentId);

然后在您的详细信息页面上，您可以在导航到以下位置时获取参数：

protected override void OnNavigatedTo(NavigationEventArgs e)
{
    var myContentId = e.Parameter;
    ...   
}

如果以上都没有帮助，请尝试查看这些示例。我知道您可能没有制作 RSS 阅读器，但它们会带您了解各种视图和导航的基础知识。

使用 C#/VB & XAML 创建博客阅读器：

使用 JS & Html5 创建博客阅读器：

score 0 · Accepted Answer

这不是一个完整的工作示例，但我建议查看两个项目：

这些应该可以为您提供所需的解决方案——示例非常完整，可以根据您的需要进行定制。

3 回答 3