Question

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

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

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

由于

Answer 1

Panel有一些属性可以找到触摸的位置：

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 Touch触摸2图像动画

1 个答案: