Hybrid View

  1. #1
    Sencha - Training Team mrsunshine's Avatar
    Join Date
    Sep 2008
    Location
    Germany - Darmstadt
    Posts
    691
    Vote Rating
    12
    mrsunshine will become famous soon enough

      0  

    Default Example touch events: tap, tapstart, tapmove, doubletab, drag and pinch

    Example touch events: tap, tapstart, tapmove, doubletab, drag and pinch


    I wrote a example application which make use of the following touch events:
    • tap
    • tapstart
    • tapmove
    • doubletab
    • drag
    • and pinch
    Following actions you can do on the Playground tab off the app:
    1. tap once: to create a new box
    2. touch the box and move you finger to bottom right of the window to resize the box
    3. double tap: activate dragging
    4. next double tap: deactivate dragging
    5. pinch: make a fast pinch with to fingers to destroy the box
    The boxes display the current position (x,y), size (w,h) and draggable status.


    Hope this example application helps to show how you can use and handle touch events.

    Demo: http://touch-events.sencha-touch.de/
    Source: download
    Screenshot:
    Foto-1.PNG

  2. #2
    Sencha User Nom4d3's Avatar
    Join Date
    Sep 2008
    Location
    Araras / SP / Brazil
    Posts
    81
    Vote Rating
    1
    Nom4d3 is on a distinguished road

      0  

    Default


    Nice work. The only problem I found is the bottom bar. it doesn't appear on my Android device. Because of that, I can't play on the "Playground"

  3. #3
    Sencha - Training Team mrsunshine's Avatar
    Join Date
    Sep 2008
    Location
    Germany - Darmstadt
    Posts
    691
    Vote Rating
    12
    mrsunshine will become famous soon enough

      0  

    Default


    Thank you,
    In the bottom are tabs of the tabpanel. I tested it on iPhone, iPad and one android phone. Did you have test the sencha touch examples and has the them problem with tab panels?

  4. #4
    Sencha User Nom4d3's Avatar
    Join Date
    Sep 2008
    Location
    Araras / SP / Brazil
    Posts
    81
    Vote Rating
    1
    Nom4d3 is on a distinguished road

      0  

    Default


    The Touch examples works fine. And i don't know if you change something, but now it's the bottom tabbar is working.
    - Single tap works.
    - Resize works.

    Now I'm having problems with double tap.
    - Double tap over the numbers, sometimes, opens my "Dial App". (this is really anoying and happens only with Sencha Touch)
    - Double tap on the rest of square, sometimes change the draggable value, sometimes delete the square.
    - Pinch doesn't work.

    My device is a Motorola Milestone (Droid) with Android 2.1

    Is your android phone 2.2 version? I know there are lot of changes on browser engine.

  5. #5
    Sencha User
    Join Date
    Mar 2012
    Posts
    3
    Vote Rating
    0
    pipocha is on a distinguished road

      0  

    Default tap position

    tap position


    What is the function that return the tap or touch position in a fullscreen panel??

  6. #6
    Sencha User
    Join Date
    Mar 2012
    Posts
    3
    Vote Rating
    0
    pipocha is on a distinguished road

      0  

    Default


    ok, I reply myself..

    With Ext.event.Event

    Property pageX and pageY

  7. #7
    Sencha - Training Team mrsunshine's Avatar
    Join Date
    Sep 2008
    Location
    Germany - Darmstadt
    Posts
    691
    Vote Rating
    12
    mrsunshine will become famous soon enough

      0  

    Default


    Hey,

    thats very old stuff from me ;-) i haven't the things online anymore cause it was early ST1 stuff.

    You can find my new ST2 stuff on my blog.

    greetings

    Nils

  8. #8
    Sencha User
    Join Date
    Mar 2011
    Posts
    18
    Vote Rating
    0
    Petitbomber is on a distinguished road

      0  

    Default


    Yes,
    It's a old example but it's just that I would have that type of example for ST2 but I haven't find it...

    (In fact, I would have an example of how to place and move a image in a panel with a finger...)

Similar Threads

  1. Drag, drop, sort in Touch
    By philp in forum Sencha Touch 1.x: Discussion
    Replies: 11
    Last Post: 12 Jun 2013, 7:07 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. Tap to show Toolbar
    By dazex in forum Sencha Touch 1.x: Discussion
    Replies: 6
    Last Post: 7 Mar 2011, 11:35 PM
  4. With the doubletap, will tap always be called, or is that a bug?
    By rdougan in forum Sencha Touch 1.x: Discussion
    Replies: 4
    Last Post: 6 Aug 2010, 9:55 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