如何在sencha touch 2中为数据视图项设置动画

Question

我是sancha touch 2的新手，玩sancha touch sdk附带的kitchennsink示例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'
        }]
    }
});

---

问题

我希望在将这些图像添加到数据视图时为它们添加动画，使它们（每个图像中的每个图像）在显示上部视图之前似乎在随机位置淡入。

与 http://boedesign.com/demos/jsquares/ example1

类似

Sancha Doc Reference或者提示或怎么做，会做，但是如果你可以粘贴一些很棒的参考代码。

Answer 1

我看到没有人在8个月内回复此问题，它仍然出现在谷歌：

所以我认为我提供了一个简单的解决方案。

数据视图中的

覆盖doRefresh函数

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

 this.animateItems();
 },

然后在您的客户后续功能（this.animateItems（））

呼叫：

var viewItems = this.getViewItems();

然后在它们上滚动一些动画：）

我已经创建了一个试图简化此操作的插件。

希望它可以帮助某人：http://sunnyjacob.co.uk/blog/animating-items-in-a-sencha-touch-dataview/

S上。