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
Migliorare i tempi di risposta di GPT tramite lo streaming endpoint in ASP.NET Core
Evitare (o ridurre) il repo-jacking sulle GitHub Actions
Fornire parametri ad un Web component HTML
Ottimizzare le performance usando Span<T> e il metodo Split
Anonimizzare i dati sensibili nei log di Azure Front Door
Aggiornare a .NET 9 su Azure App Service
Eseguire una ricerca avanzata per recuperare le issue di GitHub
Supportare la sessione affinity di Azure App Service con Application Gateway
Implementare l'infinite scroll con QuickGrid in Blazor Server
Ottimizzazione dei block template in Angular 17
Eseguire query per recuperare il padre di un record che sfrutta il tipo HierarchyID in Entity Framework
Utilizzare Azure AI Studio per testare i modelli AI