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 または ヒントまたは方法はそれを行いますが、参照コードを貼り付けることができれば素晴らしいでしょう。

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 に答える