Sencha Touch 2触摸图像动画

Question

我已经看到Sencha Touch框架正在显着改善。由于我看不到我想要的东西，我想在这里问一下，看看是否有可能。我希望听到您对如何在图片被触摸时进行图片更改动画的意见。当你触摸图像时，另一幅图像将从中间开始生长。

其实我也想检测（如果可能的话）在图像上的触摸位置（我可以在iOS上做的事情）。

这可能吗？如果是这样，任何建议表示赞赏。

感谢

Answer 1

面板上有一些属性，找出触摸的位置：

var Xscroll = somePanel.scroller.offset.x; 
var Yscroll = somePanel.scroller.offset.y; 

另外，对于动画，你可以做这样的事情：

有1个图像您第一个面板（使图像适合面板并保持背景）如下：

JS：

App.somePanel= new Ext.Panel({ 
    cls: 'somePanel', 
    html: '<h1>Welcome to my app!</h1>', 
    //some other properties 
}); 

CSS：

.somePanel { 
     background-image: url(http://somesite.com/someimage.png); 
     background-repeat: no-repeat; 
     background-size: 100% 100%; 
} 

有第二面板这样的。

在第一个面板上的一些事件做：

1. 隐藏与动画面板
2. 显示动画

动画列表中Sencha Touch API