In uno script precedente abbiamo visto come creare una semplice connected animation. Questo tipo di animazioni rende il passaggio da una pagina all'altra molto accattivante e fluido. La creazione delle Connected Animation, pur non essendo complicata, richiedeva una certa dimestichezza con il composition engine e la scrittura di codice. Con la nuova versione del Community Toolkit (2.1) abbiamo finalmente la possibilità di creare questo tipo di animazioni in modo dichiarativo, nello XAML.
<!-- Pagina 1 --> <Border x:Name="ElementPageOne" animations:Connected.Key="element"></Border> <!-- Pagina 2 --> <Border x:Name="ElementPageTwo" animations:Connected.Key="element"></Border>
L'unico requisito per la creazione dell'animazione di "connessione" è quello di assegnare alla proprietà key di ogni elemento "connesso" il medesimo valore, che nel nostro esempio è "element".
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Usare le collection expression per inizializzare una lista di oggetti in C#
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8
Trasformare qualsiasi backend in un servizio GraphQL con Azure API Management
Le novità di Angular: i miglioramenti alla CLI
Mascherare l'output di un valore all'interno dei log di un workflow di GitHub
Utilizzare la versione generica di EntityTypeConfiguration in Entity Framework Core
Utilizzare la libreria Benchmark.NET per misurare le performance
Utilizzare HiLo per ottimizzare le insert in un database con Entity Framework
Utilizzare la session affinity con Azure Container Apps
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Generare file PDF da Blazor WebAssembly con iText
Evitare il flickering dei componenti nel prerender di Blazor 8