Il Windows Runtime è fornito di un sofisticato e completo set di animazioni pronte per l'uso.
Per mantenere uniformità con le animazioni di sistema, è disponibile un insieme di animazioni contraddistinte dal suffisso ThemeTransition, come ad esempio per la transizione tra le pagine dell'applicazione (NavigationThemeTransition) o per i contenuti (ContentThemeTransition).
Possiamo applicare una semplice animazione al contenuto di un ContentControl con il seguente frammento di codice:
<ContentControl x:Name="ContentHost" PointerPressed="ContentHost_PointerPressed"> <ContentControl.ContentTransitions> <TransitionCollection> <ContentThemeTransition/> </TransitionCollection> </ContentControl.ContentTransitions> </ContentControl>
L'animazione sarà eseguita ogni volta che viene impostata la proprietà Content del ConteControl
È possibile personalizzare l'animazione mediante due proprietà, che sono chiamate VerticalOffset e HorizontalOffet, per impostare rispettivamente lo scostamento verticale e orizzontale.
Un sofisticato sistema di composition permette di dare libero sfogo alla propria creatività e di realizzare animazioni complesse con effetti grafici particolari come blur o shadow: affronteremo queste tematiche nei prossimi script.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Hosting di componenti WebAssembly in un'applicazione Blazor static
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8
Gestire undefined e partial nelle reactive forms di Angular
Load test di ASP.NET Core con k6
Ottimizzazione dei block template in Angular 17
Sfruttare MQTT in cloud e in edge con Azure Event Grid
Ottimizzare il mapping di liste di tipi semplici con Entity Framework Core
Specificare il versioning nel path degli URL in ASP.NET Web API
Evitare (o ridurre) il repo-jacking sulle GitHub Actions
Code scanning e advanced security con Azure DevOps
Utilizzare Model as a Service su Microsoft Azure
Modificare i metadati nell'head dell'HTML di una Blazor Web App