jQuery Touch: questo plugin di jQuery permette l’interazione tra oggetti ed utente tramite il touch screen. Svilippato per iPhone e iPod è una vera e propria chicca che permette ai dispositivi Apple di staccarsi ulteriormente rispetto tutti gli altri Smart Phone per funzionalità e facilità di sviluppo.
I pre-set sono tanti e per tutti i tipi di movimento touch:
- Animate: simula l’animazione di un oggetto gestendo il suo rilascio, la velocità è automatica;
- Dragx/Dragy: permette il trascinamento dell’oggetto lungo il suo asse (x o y), settando entrambi sarete liberi di gestire l’oggetto lungo tutta la sua area;
- Rotate: permette la rotazione dell’oggetto;
- Scale: abilita l’oggetto ad essere scalato.
Utilizzo
L’utilizzo è semplice e rispetta la regolare sintassi jQuery:
jQuery('.myclass').touch({
animate: true,
sticky: false,
dragx: true,
dragy: true,
rotate: true,
resort: true,
scale: true
});
Io consiglio sempre di utilizzare il selettore jQuery anzichè $ per evitare conflitti con altre librerie simili.
Conclusioni
Ho testato questo Plugin su dispositivi mobile Apple e devo dire che nonostante sia una prima release lavora davvero bene, calcolando, inoltre che è un “cantiere aperto” ed in costante evoluzione e presto rasenterà la perfezione.
Per chi naviga questo web da mobile: http://www.manifestinteractive.com/iphone/touch/, fatevi un giro qui per testare la reattività di questa libreria.
2 comments
Maurizio Baratta
25 Luglio 2010 at 8:33
ciao. potresti fare qualche esempio più concreto che teorico?
Davide
13 Dicembre 2012 at 12:21
Ciao, ho visto l’esempio è molto reattivo e interessante. Vorrei chiederti se c’è una funzione di jquery che permetta di far ruotare quei quadrati sull’asse z (tipo tridimensionale) un po come avviene in metro di windows 8, qualche idea? Grazie mille 🙂