ListViews中的动画

时间:2012-12-28 18:36:57

标签: winjs

我正在设计一个包含两个列表视图的页面的应用程序。让我们称它们为“MainListView”和“SecondaryListView”。两个列表视图并排放置(“MainListView”在左侧,“SecondaryListView”在右侧)。这两个列表中的数据是来自Web API的父子数据。

情景1:

流程如下:

  1. 初始化页面时,初始父数据出现在“SecondaryListView”(1级数据)中。
  2. 2.User单击“SecondaryListView”中的一个项目。单击的数据将移至“MainListView”,“SecondaryListView”现在将由所选项目的子项更新。

    1. 此序列一直持续到最后一个孩子到达。
    2. 情景2:

      让我们说用户已经达到了第5级。第一,第二,第三,第四,第五级选定数据在“MainListView”中,“SecondaryListView”包含第五个选定数据的子项。

      1. 现在用户在“MainListView”中选择第二级选定数据。

      2. 第3,第4,第5级数据从“MainListView”中删除,“SecondaryListView”被第2级子级填充。

      3. 我的要求是我需要添加一些动画。这是所需的动画:

        1. 在场景1中,当用户从“SecondaryListView”中选择一个项目时,该项目将滑向“MainListView”并添加到列表底部。目前它正在增加。没有幻灯片动画。

        2. 在场景2中,当用户从“MainListView”中选择一个项目时,其他被删除的元素(例如第3,第4,第5个)应该在列表中向下滑动并消失。目前,滑动和删除动画尚未实现。

        3. 我的列表都使用数据绑定和使用模板。该功能完全适用于所需的动画。目前,如果我更改绑定数据,功能可以正常工作,但动画是我无法使其正常工作的。

          任何建议都会有所帮助。

          • 吉里贾

0 个答案:

没有答案