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
Generare HTML a runtime a partire da un componente Razor in ASP.NET Core
Scrivere selettori CSS più semplici ed efficienti con :is()
Configurare lo startup di applicazioni server e client con .NET Aspire
Utilizzare una qualunque lista per i parametri di tipo params in C#
Utilizzare Azure Cosmos DB con i vettori
Popolare una classe a partire dal testo, con Semantic Kernel e ASP.NET Core Web API
Gestire eccezioni nei plugin di Semantic Kernel in ASP.NET Core Web API
Migliorare la scalabilità delle Azure Function con il Flex Consumption
Autenticazione di git tramite Microsoft Entra ID in Azure DevOps
Estrarre dati randomici da una lista di oggetti in C#
Filtering sulle colonne in una QuickGrid di Blazor
Usare il colore CSS per migliorare lo stile della pagina
I più letti di oggi
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!