836706 - Add support for common touch gestures to x-tag core

Status: RESOLVED WONTFIX

(Developer Ecosystem :: Web Components, defect)

Description

[Daniel Buchner [:dbuc]]

Touch gestures are the one type of event the vast majority of components will require to operate correctly in the devices and platform we target. Using a combination of custom events and pseudos, account for the events that make up the most common touch interactions.

Comment 1

[Daniel Buchner [:dbuc]]

Here's the list of the gestures we should support by default (that we don't already):

- Drag
- Flick
- Pinch
- Spread
- Long Press
- Rotate

Pseudos we'll need:

- something to allow a developer to specify the number of fingers required to activate an event, they should also be able to indicate if the number of fingers passed is to be treated as a min or max

- a distance filter to allow a developer to specify what distance is required to activate an event, this too must have an option for indicating if the distance number provided is a min or max - this should default to px units

- developers should be able to specify the allowable vector of a gesture movement, the number should be interpreted as a max buffer

- we must allow the specification of which direction the touch was initiated from, the value of this pseudo should be in either in 8-way compass rose characters (n, ne, e, se, etc...) or degree ranges from  0-360, with the 0 position at whichever side of the device is oriented 'up' and climbing in degrees clockwise until reaching 360 at the origin point.

Comment 2

[Daniel Buchner [:dbuc]]

Here's a complete guide to gesture design and all the reference material we should need in developing this: http://www.lukew.com/ff/entry.asp?1071

Comment 3

[David Walsh :davidwalsh]

The best lib I've found for this is Hammer.js:

http://eightmedia.github.com/hammer.js/

I'll experiment with some of the ideas presented and see how best to enhance x-tags

Comment 4

[Fred Wenzel [:wenzel]]

x-tag is an independent community project now and tracked in their bug tracker.