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
Mascherare l'output di un valore all'interno dei log di un workflow di GitHub
Reactive form tipizzati con FormBuilder in Angular
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Utilizzare domini personalizzati gestiti automaticamente con Azure Container Apps
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript
Sfruttare al massimo i topic space di Event Grid MQTT
Creare un'applicazione React e configurare Tailwind CSS
Utilizzare il trigger SQL con le Azure Function
Ottenere il contenuto di una cartella FTP con la libreria FluentFTP
Personalizzare l'errore del rate limiting middleware in ASP.NET Core