Sencha touch 2 如何在sancha touch 2中设置dataview项目的动画

我是sancha touch 2的新手，正在玩sancha touch sdk附带的kitchensink示例

kitchensink/index.html#demo/inlinedataview

内联数据视图的用户界面

查看

/* Here we are adding a dataview to a container
 * which(dataview) contains images.
 */ 
Ext.define('Kitchensink.view.InlineDataView', {
    extend: 'Ext.Container',
    requires: ['Kitchensink.model.Speaker'],
    config: {
        layout: 'fit',
        items: [{
            xtype: 'dataview',
            scrollable: true,
            inline: true,
            itemTpl: '<img src="{photo}">',
            store: 'Speakers'
        }]
    }
});

/*这里我们将向容器添加一个数据视图
*其中（数据视图）包含图像。
*/ 
Ext.define（'Kitchensink.view.InlineDataView'{
扩展：“Ext.Container”，
需要：['Kitchensink.model.Speaker']，
配置：{
布局：“适合”，
项目：[{
xtype:“数据视图”，
可滚动：对，
是的，
itemTpl:“”，
商店：“扬声器”
}]
}
});

---

问题

我想在将这些图像添加到dataview时设置动画，使它们（每一个图像）在显示上视图之前在随机位置淡入

类似于

示例1

---

Sancha Doc Reference或提示或如何操作都可以，但如果你能粘贴一些参考代码，那就太好了。

我发现8个月内没有人回复过这一点，谷歌上仍然会出现：

所以我想提供一个简单的解决方案

在dataview中，重写doRefresh函数

doRefresh: function ()
 {
 this.callParent(arguments);

 this.animateItems();
 },

然后在customer after函数中（this.animateItems（））

电话：

然后在其上滚动一些动画：）

我创建了一个插件，试图简化这个过程

希望它能帮助某人：

美国

var viewItems = this.getViewItems();