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
Gestire domini wildcard in Azure Container Apps
Utilizzare EF.Constant per evitare la parametrizzazione di query SQL
Definire stili a livello di libreria in Angular
Filtrare i dati di una QuickGrid in Blazor con una drop down list
Migliorare i tempi di risposta di GPT tramite lo streaming endpoint in ASP.NET Core
Usare il colore CSS per migliorare lo stile della pagina
Creare una custom property in GitHub
Eseguire attività basate su eventi con Azure Container Jobs
Recuperare l'ultima versione di una release di GitHub
Migliorare la scalabilità delle Azure Function con il Flex Consumption
Generare un hash con SHA-3 in .NET
Limitare le richieste lato server con l'interactive routing di Blazor 8