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