在按钮上移动图像单击Sencha touch 2

Question

我想在点击按钮时移动图像。就像我点击按钮一样，图像应该从左向右移动。我找到了图像的x和y但未能达到目标。我也试过使用sliderfiled但suckes通过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
});

然后你可以在任何组件上run这个动画。例如，如果您在控制器中有对图像的引用。

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

希望这有帮助