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
Disabilitare automaticamente un workflow di GitHub
Hosting di componenti WebAssembly in un'applicazione Blazor static
Eseguire query verso tipi non mappati in Entity Framework Core
Effettuare il deploy di immagini solo da container registry approvati in Kubernetes
Generare file PDF da Blazor WebAssembly con iText
Paginare i risultati con QuickGrid in Blazor
Generare token per autenicarsi sulle API di GitHub
Esportare ed analizzare le issue di GitHub con la CLI e GraphQL
Load test di ASP.NET Core con k6
Short-circuiting della Pipeline in ASP.NET Core
Registrare servizi multipli tramite chiavi in ASP.NET Core 8
Recuperare un elemento inserito nella cache del browser tramite API JavaScript