1

我是sancha touch 2的新手，玩sancha touch sdk自带的kitchensink示例 kitchensink/index.html#demo/inlinedataview

内联数据视图的 UI

在此处输入图像描述

看法

/* 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 or A hint or how to do，会做，但如果你能粘贴一些参考代码，那就太好了。

4

1 回答 1

2

我看到 8 个月没有人回复这个问题，它仍然出现在 google 中：

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

在您的数据视图中覆盖 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。

于 2014-03-26T16:55:44.750 回答