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
Utilizzare domini personalizzati gestiti automaticamente con Azure Container Apps
Sostituire la GitHub Action di login su private registry
Specificare il versioning nel path degli URL in ASP.NET Web API
C# 12: Cosa c'è di nuovo e interessante
Reactive form tipizzati con modellazione del FormBuilder in Angular
Evitare la script injection nelle GitHub Actions
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Effettuare il deploy di immagini solo da container registry approvati in Kubernetes
Copiare automaticamente le secret tra più repository di GitHub
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Eseguire query verso tipi non mappati in Entity Framework Core
Usare un KeyedService di default in ASP.NET Core 8
I più letti di oggi
- Utilizzare Docker Compose con Azure App Service
- Modernizzare le applicazioni WPF e Windows Forms con Blazor
- annunciato #netstandard 2.1. .NET Core lo supporterà a partire da #netcore3, così come le prossime versione di #xamarin, #mono e #unity.il supporto per #netfx 4.8, invece, non ci sarà. https://aspit.co/bq2
- Steel Style CheckBox per Silverlight 4.0
- Utilizzare QuickGrid di Blazor con Entity Framework