sencha-touch - 如何在sencha touch中进行轮播图像捏合捏出（放大缩小）

Question

我的应用程序中有轮播，这个应用程序是通过使用 sencha touch2 完成的。根据我的要求，我必须对轮播图像执行捏合捏出（放大缩小）功能。我可以在 sencha touch2 中实现这个吗？如果是，该怎么做。我已经搜索过，但我没有得到有关此轮播图像放大缩小的信息。任何人都可以告诉我如何做到这一点。

Answer 1

Sencha Touch 2 目前没有内置的 pinch-zoom 功能，但是你可以使用这些事件：pinchstart , pinch和pinchend fromExt.dom.Element

假设你有一个容器，里面有一个图像：

var c = Ext.create('Ext.Container',{...});

您可以向其添加侦听器以检测捏合事件：

  c.element.on('pinchstart',function(e){
    //...
  },this);

  c.element.on('pinch',function(e){
    //...
  },this);

  c.element.on('pinchend',function(){
    //...
  }, this);

我已经设法让一些工作，但它还不是很好

演示-代码

希望这可以帮助