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
Applicare effetti di luce nella Universal Windows Platform
Personalizzare il comportamento della TextBox con la penna nella Universal Windows Platform
Mostrare informazioni sui contatti con la Universal Windows Platform
Anteprima di ASP.NET Core 2.1 - Parte 2
Richiedere la conferma di chiusura di un'applicazione nella Universal Windows Platform
Autenticazione con JWT Token e ASP.NET Core Web API
Notificare il cambiamento dell'Accent color nella Universal Windows Platform
Effettuare lo scrolling automatico con la Universal Windows Platform
Modern Data Access with .NET Core and Entity Framework Core (.NET Conference Italia 2018)
Le novità dell'April Update per la Universal Windows Platform
Realizzare il sorting di una lista utilizzando Angular CDK
Scrolling automatico nel controllo ListView nella Universal Windows Platform