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