Spesso, quando si lavora con le immagini, si hanno gli stessi problemi ed esigenze comuni a tutte le applicazioni, come:
- sfruttare la cache per fare in modo che l'immagine venga ricaricata il più in fretta possibile;
- poter sfruttare una immagine di placeholder mentre quella proveniente da una sorgente esterna viene caricata;
- fare riferimento ad un loader
Il Microsoft Windows Community toolkit, la libreria sviluppata nell'open source su GitHub con le utility per semplificare lo sviluppo delle applicazioni della Universal Windows Platform, include anche un helper per implementare tutti i punti elencati in precedenza, come mostrato nell'esempio seguente:
<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls" ...> <controls:ImageEx IsCacheEnabled="True" PlaceholderSource="/Assets/Placeholder.png" Source="https://www.mysite.com/myProfilePicture.png" CornerRadius="20"/> </Page>
Come si può vedere dall'esempio, è sufficiente includere il pacchetto di NuGet Microsoft.Toolkit.Uwp.UI.Controls e quindi il namespace corrispondente, quindi il controllo da utilizzare sarà in una estensione della classe Image chiamata ImageEx.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Estrarre dati randomici da una lista di oggetti in C#
.NET Conference Italia 2024
Utilizzare WhenEach per processare i risultati di una lista di task
Utilizzare l'espressione if inline in una pipeline di Azure DevOps
Eseguire i worklow di GitHub su runner potenziati
Disabilitare le run concorrenti di una pipeline di Azure DevOps
Introduzione ai web component HTML
Anonimizzare i dati sensibili nei log di Azure Front Door
Eseguire query per recuperare il padre di un record che sfrutta il tipo HierarchyID in Entity Framework
Ottimizzare le pull con Artifact Cache di Azure Container Registry
Creare una libreria CSS universale - Rotazione degli elementi
Utilizzare i variable font nel CSS