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
Migrare una service connection a workload identity federation in Azure DevOps
Reactive form tipizzati con modellazione del FormBuilder in Angular
Eseguire attività pianificate con Azure Container Jobs
Potenziare Azure AI Search con la ricerca vettoriale
Utilizzare domini personalizzati gestiti automaticamente con Azure Container Apps
Cambiare la chiave di partizionamento di Azure Cosmos DB
Utilizzare Tailwind CSS all'interno di React: primi componenti
Utilizzare la versione generica di EntityTypeConfiguration in Entity Framework Core
Elencare le container images installate in un cluster di Kubernetes
Eseguire attività basate su eventi con Azure Container Jobs
Determinare lo stato di un pod in Kubernetes
Creare un'applicazione React e configurare Tailwind CSS