Windows Phone 8中的幻灯片菜单

时间:2014-05-20 13:56:24

标签: windows-phone-8

我已经从iOS dev迁移到了WIndows Phone dev,我偶然发现了一个问题。

我需要实现一个侧面菜单,看起来像ios中facebook应用程序中的那个。它从左到右滑动。它应该包含大约10个按钮(ListView)。设置按钮应该导致查看视图(导航到其他xaml文件)

由于Windows Phone控件和iOS控件之间存在巨大差异,我想询问有关如何更好地实现此类菜单的建议。我已经听说过使用Panorama的方法。但它看起来很漂亮吗?

我的意思是我将拥有10个不同内容的XAML文件。在每个中我都必须添加Panorama控件并添加菜单。当我导航到其他XAML时它看起来不错吗?因为它会在没有任何动画的情况下关闭菜单。

那么请告诉我什么是更好的方法来阻止我想要的东西?以及如何在不丢失菜单动画的情况下在所有XAML之间正确导航。当然,如何避免在所有XAML中复制代码?我猜XAML文件无法继承。当然,我需要它来支持WIndows Phone 8和8.1。

非常感谢你的参与!

3 个答案:

答案 0 :(得分:4)

这是一个博客,可以帮助您实现Facebook应用程序等侧面菜单。 Link希望这有帮助。

答案 1 :(得分:1)

我刚刚在我的词典应用程序(http://www.windowsphone.com/s?appId=9f31b733-8c7b-e011-986b-78e7d1fa76f8)中实现了类似的功能。您将看到,当您单击顶部的收藏夹或历史记录图标时,它将从右侧滑动到面板中。我通过向页面添加另一个Grid来实现这一点,该页面的左边距设置为页面的宽度,因此它基本上位于页面右侧,超出了用户的视图。当用户点击顶部的其中一个图标时,我使用StoryBoard运行DoubleAnimation,它在Grid的X坐标上执行TranslateTransform并运行StoryBoard 3.5秒,以便让用户感知滑入动画。

如果在每个页面上都有相同的滑入式菜单,则有2个选项: (a)创建滑动面板作为用户控件并将其添加到每个页面,然后单击面板内的项目,转到第二个xaml页面,打开滑入菜单并开始转换以隐藏它,要么 (b)在同一个xaml页面中创建多个网格,并在正确的时间隐藏/显示正确的网格。

答案 2 :(得分:0)

我相信你说的是流行的汉堡包菜单。 您可以很好地使用SlideView库。链接在这里, https://slideview.codeplex.com/

  1. SlideView,一个允许在面板之间滑动的控件(2个或更多)
  2. SlideApplicationFrame,一个在顶级应用程序级别使用并打包显示3个面板并在中间面板中显示导航的控件

  3. AutoHideBar,一个在列表中向上滚动时显示的控件,在向下滚动时隐藏

  4. Sample view