Abbiamo visto in precedenza come sfruttare le "theme trasition", per dare alla nostra applicazione il look & feel delle applicazioni Windows 8.
Ci sono alte animazioni caratteristiche del sistema, come ad esempio quelle riprodotte alla pressione di una tile. Per riprodurre l'effetto di "abbassamento", non siamo costretti a creare uno Storyboard ex novo, ma possiamo semplicemente usare una delle classi disponibili nel namespace Windows.UI.Xaml.Media.Animation.
<VisualState x:Name="Pressed"> <Storyboard> <PointerDownThemeAnimation TargetName="grid"/> </Storyboard> </VisualState>
Il frammento di codice precedente mostra una parte del VisualStateManager di un controllo. Allo stato logico "Pressed", viene eseguita una animazione prefigurata: PointerDownThemeAnimation riproduce esattamente l'animazione eseguita dal sistema alla pressione di un elemento dell'UI.
PointerDownThemeAnimation è solo una delle animazione preconfigurate che possiamo utilizzare nella nostra applicazione. Di
seguito l'elenco completo
- FadeInThemeAnimation
- FadeOutThemeAnimation
- PointerDownThemeAnimation
- PointerUpThemeAnimation
- PopInThemeAnimation
- PopOutThemeAnimation
- SplitOpenThemeAnimation
- SplitCloseThemeAnimation
- SwipeBackThemeAnimation
- SwipeHintThemeAnimation
- DragItemThemeAnimation
- DragOverThemeAnimation
- DropTargetItemThemeAnimation
Ognuna delle precedenti animazioni riproduce un'animazione di sistema, così che lo sviluppatore non debba preoccuparsi di creare da zero un comportamento che mimi qualcosa a cui l'utente è già abituato, semplificando la UX dell'applicazione.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare Copilot con Azure Cosmos DB
Sfruttare gli embedding e la ricerca vettoriale con Azure SQL Database
Creare gruppi di client per Event Grid MQTT
Miglioramenti nelle performance di Angular 16
Utilizzare il trigger SQL con le Azure Function
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Gestione dei nomi con le regole @layer in CSS
Migrare una service connection a workload identity federation in Azure DevOps
Eseguire script pre e post esecuzione di un workflow di GitHub
Evitare il flickering dei componenti nel prerender di Blazor 8
Estrarre dati randomici da una lista di oggetti in C#
Registrare servizi multipli tramite chiavi in ASP.NET Core 8