sencha-touch-2 - Sencha touch 2 のボタンクリックで画像を移動

Question

ボタンクリックで画像を移動したかった。ボタンをクリックしたときのように、画像は左から右に移動する必要があります。画像の x と y を見つけていましたが、目標を達成できませんでした。また、sliderfiled を試してみましたが、sencha touch css を使用して、sliderfiled のデフォルト イメージを変更するのは面倒です。誰でも私を助けることができますか？

Answer 1

Ext.Animを使って画像を動かすことができます。アニメーションをそのように定義するだけです

anim = Ext.create('Ext.Anim',{
  autoClear: false,
  from:{'left':'0px'}, // You can use CSS3 transforms for better performance
  to: {'left':'100px'},
  delay: 1000,
  duration: 1000
});

次に、このアニメーションを任意のコンポーネントで実行できます。たとえば、コントローラにイメージへの参照があるとします。

anim.run(this.getImage().element);

お役に立てれば