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
Usare una container image come runner di GitHub Actions
Evitare la command injection in un workflow di GitHub
Utilizzare domini personalizzati gestiti automaticamente con Azure Container Apps
Sfruttare al massimo i topic space di Event Grid MQTT
Eseguire query verso tipi non mappati in Entity Framework Core
Sfruttare MQTT in cloud e in edge con Azure Event Grid
Creazione di plugin per Tailwind CSS: espandere le Funzionalità del Framework
Esportare ed analizzare le issue di GitHub con la CLI e GraphQL
Verificare la provenienza di un commit tramite le GitHub Actions
Eseguire una query su SQL Azure tramite un workflow di GitHub
Implementare il throttling in ASP.NET Core
Creare moduli CSS in React