Los Gestos iOS en iPhone e iPad (Parte 1)

Los dispositivos móviles táctiles nos han cautivado por su rapidez y sencillez. La sensación de tocar las aplicaciones para sacarle su máximo poder es algo increíble. Mover tu avatar en un juego, pulsar el botón de Play para escuchar los Top 50, ampliar el zoom de ese paisaje tan bonito que estás fotografiando para destacar algo que te ha encantado, dibujar un boceto de la casa de tus sueños, y tantas cosas que puedes hacer con los gestos de tus dedos

Desde que Steve Jobs lanzó el primer iPhone el año 2007, Apple ha estado trabajando arduamente para dotar al sistema operativo iOS de varios eventos táctiles para que tu experiencia sea muy positiva. Para ello, Apple desarrolló el framework UIKit que está disponible para los dispositivos iPhone, iPad, Apple Watch, Apple TV, HomePod y Apple CarPlay. A continuación, te he escrito los gestos más importantes con su nombre en español e inglés:

  • Pulsar o Tap.
  • Arrastrar o Drag.
  • Golpecito o Flick.
  • Arrastre rápido o Swipe.
  • Golpe doble o Double Tap.
  • Pellizco o Pinch.
  • Tocar y sostener o Touch and Hold.
  • Agitar o Shake.

 

Puedes ver en acción estos gestos en el vídeo que te he creado usando la sección  Gestures  que está en la iOS Human Interface Guidelines de Apple.

VIDEO Los Gestos iOS con URL YouTube:

https://youtu.be/JD_33mc9MXo

 

Una vez que tenemos esta idea de conjunto de estos ocho gestos que reconoce el sistema operativo iOS, es el momento de introducirse en cómo se programan los gestos.

El framework UIKit dispone de la clase base UIGestureRecognizer para establecer la lógica para implementar los toques que recibe la pantalla. El detalle de las subclases, propiedades y métodos que Apple ha creado está en su Developer Documentation. Las subclases tienen variables y funciones que habilitan características específicas para cada tipo de gesto. Por ejemplo, si utilizas el gesto de pellizco o pinch para aumentar el tamaño de una foto, es de gran ayuda tener la propiedad scale para conocer exactamente el valor de escala que aumentará el gesto a esa foto. De igual forma, la variable velocity dirá la rapidez con la que el usuario ha hecho este gesto de aumentar, siendo muy útil esta información para añadirle una animación muy atractiva acorde a la velocidad del gesto. Las subclases disponibles son:

  • UITapGestureRecognizer
  • UIPinchGestureRecognizer
  • UIRotationGestureRecognizer
  • UISwipeGestureRecognizer
  • UIPanGestureRecognizer
  • UIScreenEdgePanGestureRecognizer
  • UILongPressGestureRecognizer

En el siguiente vídeo podrás ver el contenido de UIGestureRecognizer en Developer Documentation:

VÍDEO UIGestureRecognizer Apple Developer Documentation con URL YouTube: https://youtu.be/jBbNsJLkL8s

 

Ahora que ya identificas los nombres de los gestos en español e inglés, así como la información que Apple ofrece para poder implementar el código para los gestos en una aplicación, llega el momento de ver un ejemplo real. En la segunda parte de este artículo podrás ver en detalle cómo escribir el código Swift necesario para pulsar sobre un objeto y moverlo por la pantalla. Además, este Playground lleva una serie de animaciones para hacer más atractivos los eventos táctiles.

Aquí puedes ver la Live View del Playground que programarás paso a paso en la parte 2 con Xcode 10 y Swift 4.2:

VÍDEO Playground Live View gestos iOS pulsar y arrastrar con URL YouTube: https://youtu.be/6_yMXV77z5Y

¿Quieres aprender más?

Experto Universitario Innovación usando la tecnología iOS con programación Swift – Proyectos Europeos

Icono Experto Universitario Innovación usando la tecnología iOS con programación Swift - Proyectos Europeos

Experto Profesional Aplicaciones iOS con Swift para Dispositivos Móviles

Icono Experto Profesional Aplicaciones iOS con Swift para Dispositivos Móviles

Programación Swift y sus nuevos paradigmas

Icono Programación Swift y sus nuevos paradigmas

Desarrollador de elementos iOS

Icono Desarrollador de elementos iOS

Creación profesional de aplicaciones desde la idea hasta el App Store

Icono Creación profesional de aplicaciones desde la idea hasta el App Store

Autor: Pedro Hernández.