none
Windows8.1 应用商店导航栏是怎样做出来的? RRS feed

  • 问题

  • 图片上传不了 不知道怎么回事

    就是Windows8.1应用商店点击类别和推荐

    会出现一个列表,再点击就隐藏,

    麻烦大神指点是用什么控件可以实现这样的效果啊,

    是不是点击都重新绑定数据了.

    然后windows 8.1 导航栏 每个页面都有这个导航栏

    效果是怎么实现的, xaml也能用母版页吗?

    2014年7月2日 3:23

答案

  • 你好 xiaotianshi,

    商店应用的导航栏并非是通过Flyout实现的,在XAML中是通过AppBar(Page.TopAppBar),同时在HTML中是用的NavBar,在里面加入一个ListView。

    具体操作方法请参考如下两个链接:快速入门:添加导航栏 快速入门:添加应用栏。

    --James


    <THE CONTENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, WHETHER EXPRESS OR IMPLIED>
    Thanks
    MSDN Community Support

    Please remember to "Mark as Answer" the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.

    2014年7月3日 1:04
    版主

全部回复

  • 这个你可以用Flyout控件试试,自定义下需要的样式,参考下吧,http://msdn.microsoft.com/zh-cn/library/windows/apps/xaml/dn308515.aspx

    不过8.1商店应该是用 js+html做的,所以样式都比较灵活,用xaml的话写样式不怎么好实现

    2014年7月2日 3:39
  • 我参考那个做的Flout控件编译出现错误 
    2014年7月2日 5:35
  • 提示XML命名空间未能找到Flyout类型  但是能点出来啊。
    2014年7月2日 5:41
  • http://code.msdn.microsoft.com/windowsapps/XAML-Flyout-and-MenuFlyout-78629692/

    你下载这个Demo看看吧,问题最好贴代码看看

    2014年7月2日 6:30
  • 你好 xiaotianshi,

    商店应用的导航栏并非是通过Flyout实现的,在XAML中是通过AppBar(Page.TopAppBar),同时在HTML中是用的NavBar,在里面加入一个ListView。

    具体操作方法请参考如下两个链接:快速入门:添加导航栏 快速入门:添加应用栏。

    --James


    <THE CONTENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, WHETHER EXPRESS OR IMPLIED>
    Thanks
    MSDN Community Support

    Please remember to "Mark as Answer" the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.

    2014年7月3日 1:04
    版主