Windows 8中的菜单项?

时间:2012-08-28 06:02:08

标签: html5 windows-8 microsoft-metro winjs

我试图设计我的地铁应用程序,在我的主页上我需要在页面左侧的菜单中显示项目列表,当我们点击每个项目时,每个项目都需要导航单独的页面并包含一些data.Can有人建议我应该采取哪种控制来开始我的场景?工作示例对我很有帮助。

谢谢。

3 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:0)

这不是一个已完成的工作示例,但我建议您查看两个项目:

这些应该可以为您提供所需的解决方案 - 样本非常完整,可根据您的需求量身定制。

答案 2 :(得分:0)

听起来我正在谈论的是SplitApp视图。看看这个链接,列出的第二个模板,就在GridView下面:

http://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh768232.aspx

您会发现在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:

http://msdn.microsoft.com/en-us/library/windows/apps/br211380.aspx

使用JS& amp;创建一个博客阅读器HTML5:

http://msdn.microsoft.com/en-us/library/windows/apps/hh974582.aspx