winjs

时间:2015-11-13 17:56:04

标签: javascript listview windows-store-apps winjs

我们如何实现像Windows商店一样?左侧和右侧导航箭头带有“Listview”动画?我试过'Flipview','HubControl',而且,当我在'Listview'上尝试'ensureVisible'时,'Listview'中没有动画。如何使用左右箭头导航时实现动画内容?

2 个答案:

答案 0 :(得分:1)

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

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

您还可以使用ensureVisible()方法滚动到特定项目。

为了让ListView在跳转到新位置时动画,我认为你将不得不使用WinJS.UI.executeAnimation来完成它。 https://msdn.microsoft.com/en-us/library/windows/apps/hh779762.aspx

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

答案 1 :(得分:0)

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