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
Paginare i risultati con QuickGrid in Blazor
Eseguire le GitHub Actions offline
Sfruttare lo stream rendering per le pagine statiche di Blazor 8
Garantire la provenienza e l'integrità degli artefatti prodotti su GitHub
Definire stili a livello di libreria in Angular
Usare le navigation property in QuickGrid di Blazor
Aprire una finestra di dialogo per selezionare una directory in WPF e .NET 8
Migliorare la scalabilità delle Azure Function con il Flex Consumption
Eseguire attività basate su eventi con Azure Container Jobs
Supportare lo HierarchyID di Sql Server in Entity Framework 8
Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
Miglioramenti nelle performance di Angular 16
I più letti di oggi
- Microsoft Security Bulletin MS02-037
- Mono 1.1.6 a pochi giorni dalla 1.1.5
- Collegare servizi a Azure Container App con i service connector
- Utilizzare il metodo Include con l'ereditarietà in Entity Framework Core 2.1
- Il ritorno della Mobility Developer Conference II
- Sfruttare lo streaming di una chiamata HTTP da Blazor
- Estendere il numero di API utilizzabili nella Universal Windows Platform
- Ottenere il contenuto di una cartella FTP con la libreria FluentFTP
- Utilizzare angular-cli per creare un component in Angular 2
- Microsoft Security Bulletin MS02-064