# Sencha touchによるアニメーション

Sencha touchを利用してjQueryの$("#element").animate({param: value})的なことをする方法

コード

animate.js

// element to animate.
var elm = someComponent.element.query('.target');
Ext.Anim.run(Ext.get(elm), 'fade', {
    out : false,    // true: fadeOut  / false: fadeIn
    duration: 2000,
    delay: 1000,
    before: function(){
      // call before animation
    },
    after: function(){
      // call after animation
    }
});

APIドキュメント

• アニメーションの詳しい設定値

• アニメーションの種類

サンプル