Haciendo clickeable los controles gráficos con TapGestureRecognizer

Leomaris Reyes
1 min readSep 24, 2018

--

Al momento de crear un diseño de pantalla, agregamos todos los controles gráficos que necesitamos, algunos de ellos necesitan el evento Click, pero … ¿Qué pasa si no todos los controles de la pantalla cuentan con dicho evento? Como los Labels, Imagen … ¡Existe una solución! Les enseñaré cómo podemos hacer estos controles Clickeables.

¡Empecemos!

Entendiendo la estructura del XAML

🔸 Lo primero que tenemos que hacer es definir el control gráfico deseado.

🔸 Luego de esto, dentro de la etiqueta del control definido anteriormente, agrega otra etiqueta con la siguiente estructura: NombreDelControl.GestureRecognizers.

La propiedad GestureRecognizer es una colección de reconocedores de gestos asociados al control gráfico determinado, en este caso, la Imagen.

🔸 Para finalizar, agregar la etiqueta de TapGestureRecognizer. Esta clase hace posible el reconocimiento de gestos en los controles.

Usando la clase TapGestureRecognizer

🔸 Evento Tapped: Define el evento que tendrá el control cuando sea tocado por el usuario.

🔸 Propiedad NumberOfTapsRequired: Define el número de toques requeridos para disparar el evento Tapped.

Veamos un ejemplo:

XAML:

Código C#:

Buenas suerte con tu implementación!

Referencias: https://askxammy.com/making-clickable-graphic-controls-with-tapgesturerecognizer/

--

--

Leomaris Reyes

I'm Leomaris Reyes, Microsoft MVP from the Dominican Republic, with more than 6 years of experience in Software Development. ❤