.NET Maui

ActivityIndicator en .NET MAUI

Seguramente has interactuado con aplicaciones que no te informan exactamente lo que está pasando, simplemente se quedan estáticas y no te indican que la aplicación esta cargando algun proceso y por eso no te permite seguir interactuando hasta que sea completado… A mí también me ha pasado. El mantener al usuario enterado sobre los procesos de una App, hace que su experiencia sea mucho más agradable y comunicativa, en este caso el ActivityIndicator nos permite informar visualmente al usuario que debe esperar porque se está ejecutando un proceso. ¡En este artículo, aprenderemos cómo usar el indicador de actividad para mantener a nuestros usuarios felizmente informados! 💚


¡Empecemos!

¿Qué es exactamente un ActivityIndicator?

¡El ActivityIndicator ya está en .NET MAUI! Y nos ayuda a informar al usuario que su aplicación está realizando una actividad prolongada, esto se hace de forma visual a través de una animación.

La apariencia de este control se adapta a la plataforma en la que se ejecuta. Como se puedes ver en la imagen de abajo.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Screen-Shot-2022-05-12-at-1.54.39-PM.png

Ahora vamos a aprender la estructura necesaria para usarlo:

La imagen tiene un atributo ALT vacío; su nombre de archivo es Screen-Shot-2022-05-12-at-2.51.22-PM.png

¡Como puedes ver es muy simple! Solo tienes que agregar las etiquetas del  ActivityIndicator, además de otras dos propiedades que detallo a continuación:

🔹 IsRunning: Es un valor bool, el cual indica si el indicador estará visible (true) u oculto (falso). Por defecto, esta propiedad es falsa.

🔹 Color:  Es un valor Color. Establece el color con el que se mostrará el ActivityIndicator.

Finalmente, tendrás un resultado como el siguiente:

⚠ Estas propiedades están respaldadas por objetos BindableProperty.


Y… ¿puedo hacerlo directamente en C#? 🤔

¡Por supuesto! ¡Aquí puedes ver un código de ejemplo de cómo hacerlo!


¡Gracias por leer este artículo! 💚💕

Artículo en inglés: https://askxammy.com/activityindicator-in-net-maui-made-easy/

Referencia: https://docs.microsoft.com/en-us/dotnet/maui/user-interface/controls/activityindicator?WT.mc_id=DT-MVP-5003353

Tagged

Leave a Reply

Your email address will not be published. Required fields are marked *