CODEWITHSUNDEEP
sencha-touchextjssencha-touch-2zooming
Ramesh Lamani
Ramesh Lamani

Reputation: 1127

how to do carousel image pinch in pinch out(zoom in zoom out) in sencha touch

I have carousel in my application, this application is done by using sencha touch2. As per my requirement,i have to do the pinch in pinch out (zoom in zoom out) functionality to the carousel image. can i achieve this one in sencha touch2 ?. if yes, how to do. i have searched but i didn't get information about this carousel image zoom in zoom out. Can any one tell me how to do this one.

Upvotes: 1

Views: 2280

Answers (1)

Titouan de Bailleul
Titouan de Bailleul

Reputation: 12949

There is currently no pinch-zoom built-in functionality in Sencha Touch 2, but you can use these events : pinchstart, pinch and pinchend from Ext.dom.Element

Let's say you have you a container with a image inside :

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

You can add listeners to it to detect the pinch events :

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

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

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

I've managed to get something working, but it's not great yet

Demo - Code

Hope this helps

Upvotes: 1

Related Questions