.NET Maui, UI

Almacenamiento de imágenes en caché en .NET MAUI

¿Alguna vez te has preguntado cómo mantener en caché las imágenes de tu app?  .NET MAUI, ya tiene esta función integrada para esto! En este artículo, aprenderemos rápidamente cómo usarla y cómo adaptarla a nuestras necesidades.

La explicación se dividirá en los siguientes puntos:

🔹 ¿Cómo funciona el almacenamiento en caché de imágenes?

🔹 Aprendiendo sobre su estructura

🔹 Propiedades disponibles


 

¡Empecemos!

¿Cómo funciona el almacenamiento en caché de imágenes?

En .NET MAUI, las imágenes descargadas se almacenan en caché de forma predeterminada durante un día. Esto significa que verás esto en acción cada vez que descargues una imagen de una URL.

Conozcamos su estructura:

 

Propiedades disponibles

Puedes experimentar con diferentes valores utilizando las propiedades proporcionadas por la clase UriImageSource. Veamos a detalle estas propiedades:

🔹 URL: Se proporciona el URI de la imagen, lo que permite descargarla para mostrarla – Recibe un URI como valor.

🔹 CachingEnabled: Determina si la caché de imágenes está habilitada o deshabilitada. Recibe un dato tipo Bool y su valor por defecto es Verdadero.

🔹 CacheValidity: El valor ingresado aquí decidirá cuánto tiempo se guarda la imagen en el dispositivo local. Toma en cuenta que el valor predeterminado se establece con un día como valor. – Recibe un TimeSpan como valor.

➖ Si envías un solo número, se interpretará como la cantidad de días que deseas que el caché almacene los datos. Dado que esta propiedad es de tipo TimeSpan, puedes formatearla en XAML y pasar un valor como el siguiente:

Ahora que entendemos la estructura y las propiedades, profundicemos en la implementación del código:

¡Y listo! 😎 A partir de ahora, estás listo para trabajar tus Imágenes con caché .NET MAUI ¡Espero que te guste! 💚💕

<Label Text=”(¡Gracias por leer mi artículo! 👋 ” /> 

Artículo en inglés:

Referencias:

Tagged ,

1 thought on “Almacenamiento de imágenes en caché en .NET MAUI

Leave a Reply

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