WinJS在水平ListView中的左右导航

Question

我们如何像Windows应用商店一样实现？ 带有“ Listview”动画的左右导航箭头？ 我尝试了“ Flipview”，“ HubControl”，而且当我尝试在“ Listview”上使用“ ensureVisible”时，“ Listview”中没有动画。 在使用左右箭头导航时如何实现动画内容？

Answer 1

抱歉，之前误解了您的问题。 我认为您必须使用ListView并在其上方的图层上绘制自己的按钮。

按下按钮时，您可以使用scrollPosition属性获取ListView的当前滚动位置。 获取ListView的当前宽度，并将其添加到scrollPosition中或从中减去。 但是，这不会自动为滚动动画。

您也可以使用sureVisible（）方法滚动到特定项目。

为了使ListView在跳到新位置时可以进行动画处理，我认为您将必须使用WinJS.UI.executeAnimation进行此操作。 https://msdn.microsoft.com/zh-CN/library/windows/apps/hh779762.aspx

我以前做过，但是老实说我不记得它是如何工作的。 我知道您必须为动画在CSS中的行为设置一些规则，然后在javascript中异步运行它。

Answer 2

WinJS.UI.Pivot在操场上带有带有ListViews的箭头。 http://winjs.azurewebsites.net/#pivot

WinJS.UI.FlipView也是这样， http： //winjs.azurewebsites.net/#flipview

但是也许您想要WinJS.UI.NavBar http://winjs.azurewebsites.net/#navbar