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
Gestione CSS in Blazor con .NET 9
Generare la software bill of material (SBOM) in GitHub
Eseguire i worklow di GitHub su runner potenziati
Esporre i propri servizi applicativi con Semantic Kernel e ASP.NET Web API
Anonimizzare i dati sensibili nei log di Azure Front Door
Il nuovo controllo Range di Blazor 9
Ottimizzare le pull con Artifact Cache di Azure Container Registry
Supporto ai tipi DateOnly e TimeOnly in Entity Framework Core
Triggerare una pipeline su un altro repository di Azure DevOps
Utilizzare WhenEach per processare i risultati di una lista di task
Cambiare la chiave di partizionamento di Azure Cosmos DB
Creare una libreria CSS universale: Clip-path