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#
Eseguire query manipolando liste di tipi semplici con Entity Framework Core
Utilizzare Tailwind CSS all'interno di React: installazione
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Reactive form tipizzati con modellazione del FormBuilder in Angular
Usare Refit e Polly in Blazor per creare client affidabili e fortemente tipizzati
Recuperare un elemento inserito nella cache del browser tramite API JavaScript
Utilizzare il trigger SQL con le Azure Function
Gestire undefined e partial nelle reactive forms di Angular
Utilizzare l'operatore GroupBy come ultima istruzione di una query LINQ in Entity Framework
Short-circuiting della Pipeline in ASP.NET Core
Personalizzare l'errore del rate limiting middleware in ASP.NET Core
I più letti di oggi
- I nuovi metodi degli array di ECMAScript 5
- Evitare (o ridurre) il repo-jacking sulle GitHub Actions
- Un custom control BoundField con dropdownlist
- .NET Core 3, C#8 and beyond
- Utilizzare long polling in HTML5 per richieste in real time
- Utilizzare le shortcut da tastiera con KeyboardAccelerator nella Universal Windows Platform
- Microsoft Security Bulletin MS05-048