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
Creare form tipizzati con Angular
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Sfruttare i KeyedService in un'applicazione Blazor in .NET 8
Paginare i risultati con QuickGrid in Blazor
Recuperare un elemento inserito nella cache del browser tramite API JavaScript
Ottimizzare la latenza in Blazor 8 tramite InteractiveAuto render mode
Evitare la command injection in un workflow di GitHub
Effettuare lo stream della risposta in ASP.NET Core tramite IAsyncEnumerable
Usare una container image come runner di GitHub Actions
Ottimizzazione dei block template in Angular 17
Sfruttare lo streaming di una chiamata Http da Blazor
Sfruttare al massimo i topic space di Event Grid MQTT