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
Creare gruppi di client per Event Grid MQTT
Sfruttare lo streaming di una chiamata Http da Blazor
Sfruttare al massimo i topic space di Event Grid MQTT
Aggiungere interattività lato server in Blazor 8
Usare lo spread operator con i collection initializer in C#
Short-circuiting della Pipeline in ASP.NET Core
Code scanning e advanced security con Azure DevOps
Migliorare la sicurezza dei prompt con Azure AI Studio
Hosting di componenti WebAssembly in un'applicazione Blazor static
Implementare il throttling in ASP.NET Core
Gestire liste di tipi semplici con Entity Framework Core
Controllare gli accessi IP alle app con Azure Container Apps