Windows 10 dalla versione 10.0.14393.0 (Anniversary) ha introdotto diverse migliorie nella gestione delle animazioni e degli effetti applicabili agli elementi grafici. Queste migliorie nelle API sono rese facilmente fruibili attraverso il UWP Community Toolkit. Ad esempio è possibile applicare un effetto di blur ad un element semplicemente applicando un behavior.
<Image x:name="logo"> <interactivity:Interaction.Behaviors> <behaviors:Blur x:Name="BlurBehavior" Value="5" Duration="250" ( Delay="250" AutomaticallyStart="True"/> </interactivity:Interaction.Behaviors> </image>
Oltre ad applicare l'effetto è possibile animarlo specificando la durata dell'animazione, cioè il tempo necessario per passare dall'elemento originale alla versione sfuocata in base al valore della proprietà Value.
È inoltre possibile applicare l'effetto via codice come mostrato dall'esempio seguente:
logo.Blur(value: 5, duration: 250, delay: 250);
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Registrare servizi multipli tramite chiavi in ASP.NET Core 8
Creare un'applicazione React e configurare Tailwind CSS
Utilizzare le Cache API di JavaScript per salvare elementi nella cache del browser
C# 12: Cosa c'è di nuovo e interessante
Determinare lo stato di un pod in Kubernetes
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript
Hosting di componenti WebAssembly in un'applicazione Blazor static
Eseguire attività con Azure Container Jobs
Utilizzare HiLo per ottimizzare le insert in un database con Entity Framework
Gestire undefined e partial nelle reactive forms di Angular
Le novità di Angular: i miglioramenti alla CLI
Short-circuiting della Pipeline in ASP.NET Core