WinJS在Pivot控件中设置Listview元素的动画 - 类似于电子邮件应用程序

Question

我一直在搜索这几天，但无法找到任何有用的结果。

任何人都知道如何在滑动枢轴控制时创建列表视图元素的动画，类似于电子邮件应用程序？

非常感谢任何帮助。

Answer 1

您可以在WinJS中有3个级别的延迟。添加延迟实际上非常简单。您可以使用3个CSS类。 WinJS将处理其余的事情。

win-pivot-slide1，win-pivot-slide2和win-pivot-slide3

要在Pivot App (Windows Phone) - 模板中查看效果，您可以编辑section3page.html。在该文件中有一个itemTemplate。将类添加到

<div class="itemTemplate"
     data-win-control="WinJS.Binding.Template">
    <div class="templatecontainer">
        <img class="win-pivot-slide1"
             src="#"
             data-win-bind="src: backgroundImage; alt: title" />
        <div class="itemcontainer">
            <div class="itemtitle label-extralarge win-pivot-slide2"
                 data-win-bind="textContent: title"></div>
            <div class="label-mediummid win-pivot-slide3"
                 data-win-res="{ textContent: 'Section3Description' }"
                 style="height: 82px;"></div>
        </div>
    </div>
</div>

动画的速度似乎是硬编码的，不能通过函数属性设置。