Tutorial Gesture Recognizer en iOS con Swift 4 (parte 1)

por | Sep 7, 2018 | Swift |

Tutorial Gesture Recognizer en iOS con Swift 4 (parte 1)
volver blog
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.

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:

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:

¡Descubre cómo desarrollarlo en la parte 2!
Este artículo, también está publicado en:

CFIDT de la UNED (Centro de Formación en Innovación Digital y Tecnología)

LINHD de la UNED (Laboratorio de Innovación en Humanidades Digitales)