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

[mrsunshine]

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

[Nom4d3]

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"

[mrsunshine]

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?

[Nom4d3]

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.

[pipocha]

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

[pipocha]

ok, I reply myself..

With Ext.event.Event

Property pageX and pageY

[mrsunshine]

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

[Petitbomber]

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...)