¡Ahora podemos identificar gestos del puntero en .NET MAUI! Lo cual nos permitirá agregar interacciones, tomar decisiones en base a lo que está haciendo nuestro usuario y de esta forma poder mejorar su experiencia! ¡En este artículo aprenderemos a implementarlo de una manera muy rápida y fácil!
¡Empecemos!
El reconocedor de gestos del puntero (Pointer Gesture Recognizer) nos permite detectar cuándo el puntero entra, sale y se mueve dentro de una vista asignada.
Veamos cada uno de estos movimientos en un ejemplo visual:
➖ Enter: Nos permite detectar que el puntero ha entrado en el área delimitada de la vista.
➖ Move: Nos permite detectar que el puntero se está moviendo dentro del área delimitada de la vista.
➖Exits: Nos permite detectar que el puntero ha salido del área delimitada de la vista.
Comandos & eventos
Comandos
La clase PointerGestureRecognizer tiene Comandos definidos para cada uno de los gestos mencionados más arriba, los cuales se invocan una vez que entra, sale o se mueve el mouse sobre el elemento que fue asignado, a continuación te muestro una tabla en donde se nombran estos comandos:
Eventos
Pero también la clase PointerGestureRecognizer define tres eventos que se disparan cuando el puntero entra, sale o se mueve del área delimitada de la vista.
¡Ahora practiquemos!
Ahora que tienes todo el conocimiento, solo falta saber cómo traducir esto a código, es muy fácil, veamos a continuación:
¡Finalmente, agreguemos tus eventos!
Obteniendo la posición del gesto
También podemos obtener la posición en la que se produjo un gesto de puntero. Puedes hacerlo con el método GetPosition del objeto PointerEventArgs. Este acepta un argumento Element? y devuelve la posición como un Point? Echemos un vistazo más de cerca a estos elementos:
➖Element?: Define el elemento respecto al cual se debe obtener la posición. Proporcionar un valor nulo como argumento significa que el método GetPosition devuelve un Point?
➖Point?: Define la posición del gesto del puntero dentro de la ventana.
Veamos un ejemplo:
Importante saber
➖ .NET MAUI ha definido un Visual State llamado PointerOver el cual nos permite cambiar la apariencia de una vista cuando el puntero está sobre ella. Puedes obtener más información aquí.
➖ El reconocimiento de gestos de puntero solo es compatible con iPadOS, MacCatalyst y Windows.
¡Gracias por leer mi artículo! 👋
¡Hasta la próxima! 💚💕
Referencias: References:https://learn.microsoft.com/en-us/dotnet/maui/fundamentals/gestures/pointer?view=net-maui-7.0?WT.mc_id=DT-MVP-50033
Artículo en inglés: https://askxammy.com/pointer-gesture-recognizer-in-net-maui/
