1. #1
    Ext User tobinharris's Avatar
    Join Date
    Apr 2008
    Location
    Leeds, UK
    Posts
    34
    Vote Rating
    1
    tobinharris is on a distinguished road

      0  

    Default Pinch to Zoom

    Pinch to Zoom


    Hi folks

    I'm wanting to implement pinch to zoom using Sencha Touch.

    As an example, if you take the Solitaire demo app and imagine that the user can pinch to zoom in or out on the board, and then swipe to move around it vertically and horizontally. Any initial hints as to how would you do that?

    The simplest goal is that the elements scale up/down as the user pinches either way. Taking the idea a step further, I'd like my view to update itself to show more details depending on how zoomed in you are.

    My starting point is to play with the CSS scale factor, but any pointers welcome.

    T
    tobinharris.com
    Leeds, UK
    Co-author of NHibernate in Action
    Likes iPhone, iPad, HTML5, .NET and Ruby on Rails

    Developer and Founder at engineroomapps.com

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Location
    Haarlem, Netherlands
    Posts
    1,243
    Vote Rating
    10
    TommyMaintz will become famous soon enough TommyMaintz will become famous soon enough

      0  

    Default


    Yeah, the CSS scale property is the first thing that comes to mind.

  3. #3
    Sencha User
    Join Date
    May 2011
    Posts
    22
    Vote Rating
    0
    grooveyorkcity is on a distinguished road

      0  

    Default


    Tommy, is there a way to reenable the native browser pinch zoom behavior for certain aspects of the app, such as a card that displays an article, without faking it via CSS?

  4. #4
    Sencha User
    Join Date
    Jul 2011
    Posts
    3
    Vote Rating
    0
    giupo is on a distinguished road

      0  

    Question


    I'd like to achieve the same feature: is there a way to easly implement a pinch to zoom ( let's say a Panel with text)?

    The best would be to get back the native browser behaviour.

    Thanks!

    Giupo
    Last edited by giupo; 19 Jul 2011 at 4:16 AM. Reason: Typo

Similar Threads

  1. Example touch events: tap, tapstart, tapmove, doubletab, drag and pinch
    By mrsunshine in forum Sencha Touch 1.x: Examples and Showcases
    Replies: 8
    Last Post: 21 Aug 2012, 2:51 AM
  2. how to include pinch in a Carousel ?
    By ludm in forum Sencha Touch 1.x: Discussion
    Replies: 9
    Last Post: 16 Jan 2012, 5:21 AM
  3. Page Zoom
    By originative in forum Community Discussion
    Replies: 9
    Last Post: 17 Mar 2009, 1:58 PM
  4. what does {...;zoom:1;...} do at ext-all.ccs
    By mxu in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 5 Feb 2008, 1:20 AM
  5. Zoom In/Zoom Out Animation Comments Tutorial and/or Samples
    By Bobafart in forum Ext 1.x: Help & Discussion
    Replies: 2
    Last Post: 29 Dec 2006, 5:36 PM

Thread Participants: 3

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi