Nel precedente script abbiamo visto come disegnare l'UI sfruttando le Composition API.
Riprendendo quanto realizzato nello script precedente, possiamo animare la proprietà Offset nel nostro ContainerVisual.
La prima cosa da fare è creare una nuova animazione:
var animation = _compositor.CreateVector3KeyFrameAnimation();
Il metodo CreateVector3KeyFrameAnimation è esposto dalla classe Compositor e crea una nuova animazione basata su key frame, che utilizza un Vector3D per creare l'animazione.
Proseguiamo con inserire nell'animazione un nuovo keyframe:
animation.InsertKeyFrame(0.5f, new Vector3(50.0f, 800.0f, 0.0f));
Il primo parametro rappresenta la posizione nella quale andare ad inserire il KeyFrame, mentre il secondo è il valore della trasformazione da applicare.
Infine, proseguiamo specificando la durata dell'intera animazione, che nel nostro caso corrisponde con l'unico KeyFrame inserito.
animation.Duration = TimeSpan.FromSeconds(5); root.StartAnimation("Offset", animation);
l'ultima istruzione fa iniziare l'animazione, applicando lo spostamento rappresentato dal vettore alla proprietà Offest.
In questo caso, la variabile root rappresenta l'oggetto che andremo ad animare mediante il metodo StartAnimarion, esposto dal tipo ContainerVisual.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Assegnare un valore di default a un parametro di una lambda in C#
Elencare le container images installate in un cluster di Kubernetes
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8
Sostituire la GitHub Action di login su private registry
Inizializzare i container in Azure Container Apps
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Utilizzare le collection expression in C#
Utilizzare Tailwind CSS all'interno di React: installazione
Ottimizzazione dei block template in Angular 17
Gestire i null nelle reactive form tipizzate di Angular
Creazione di plugin per Tailwind CSS: espandere le Funzionalità del Framework
Come migrare da una form non tipizzata a una form tipizzata in Angular
I più letti di oggi
- Miglioramenti nelle performance di Angular 16
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- HTML5 con CSS e JavaScript
- Ottimizzazione dei block template in Angular 17
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!