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
Gestire la cancellazione di una richiesta in streaming da Blazor
Usare le navigation property in QuickGrid di Blazor
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Filtrare i dati di una QuickGrid in Blazor con una drop down list
Creare un webhook in Azure DevOps
Utilizzare database e servizi con gli add-on di Container App
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Ordinare randomicamente una lista in C#
C# 12: Cosa c'è di nuovo e interessante
Utilizzare Copilot con Azure Cosmos DB
Migliorare i tempi di risposta di GPT tramite lo streaming endpoint in ASP.NET Core
Usare le collection expression per inizializzare una lista di oggetti in C#
I più letti di oggi
- Migliorare la scalabilità delle Azure Function con il Flex Consumption
- Accettare un tipo nativo nel body di una richiesta a ASP.NET Web API
- Migliorare i tempi di risposta di GPT tramite lo streaming endpoint in ASP.NET Core
- Verificare se una lista è vuota usando la proprietà Count o i metodi Any e Count
- Chiamare direttamente un numero di telefono con HTML5