Applicare l'effetto Blur nella Universal Windows Platform

di Marco Leoncini, in Windows 10,

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

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi