在winjs中的水平列表视图中进行左右导航

Left and right navigation in horizontal listview in winjs

本文关键字:左右 视图 导航 列表 winjs 水平      更新时间:2023-09-26

我们如何像Windows商店那样实现?带有"Listview"动画的左右导航箭头?我尝试过"Flipview"、"HubControl",而且,当我在"Listview"上尝试"ensureVisible"时,"Listview"中没有动画。如何在使用左右箭头导航时实现内容动画化?

对不起,之前误解了你的问题。我认为你必须使用ListView并在上面的一层上绘制自己的按钮

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

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

要使ListView在跳到新位置时具有动画效果,我认为您必须使用WinJS.UI.executeAnimation来完成此操作。https://msdn.microsoft.com/en-us/library/windows/apps/hh779762.aspx

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

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

WinJS.UI.FlipView也是如此http://winjs.azurewebsites.net/#flipview

但也许你想要WinJS.UI.NavBarhttp://winjs.azurewebsites.net/#navbar