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);

希望这可以帮助