Sencha Touch 2 触控图像动画答案

【问题标题】：Sencha Touch 2 image animation on touchSencha Touch 2 触控图像动画
【发布时间】：2012-03-17 14:21:05
【问题描述】：

我发现 Sencha Touch 框架正在显着改进。由于我看不到我想要的东西，所以我想在这里问一下，看看是否有可能。我想听听您对如何在触摸图像时进行一些图像更改动画的意见。当您触摸图像时，另一个图像将从中间开始生成动画。

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

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

谢谢

【问题讨论】：

标签： sencha-touch sencha-touch-2

【解决方案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%;
}

有第二个这样的面板。

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

用动画隐藏该面板
用动画显示第二个面板

动画列表在Sencha Touch API中给出

【讨论】：

谢谢你，如果你不介意的话，你能不能也举个动画的例子。因为 Sencha 网站上的 Docs 源代码并没有真正解释动画是如何完成的。
这可能会对您有所帮助：“stackoverflow.com/questions/6618606/…”