3, 2, 1: azione! Le animazioni in Silverlight

Selezioniamo "l'alone", modifichiamo il centro di trasformazione, portando esattamente alla metà dell'altezza e della larghezza, il centro di trasformazione, riveste un'importanza fondamentale, dato che tutte le trasformazioni lo utilizzano per calcolare il loro effetto.

Ruotare un oggetto, con il punto di trasformazione in un angolo, ad esempio, produce un effetto totalmente diverso, rispetto a un altro con il punto di trasformazione posto esattamente al suo centro.

Nel nostro caso, quest'operazione è necessaria, in quando andremo ad animare la scala dell'oggetto, e desideriamo che durante questa operazione l'oggetto "alone" rimanga esattamente centrato sul "sole".

Passiamo quindi a creare lo Storyboard, torniamo al pannello Objects And Timeline e clicchiamo sul bottone con il simbolo del "+", si aprirà una finestra di dialogo.

Impostiamo il nome dello Storyboard e deselezioniamo l'opzione "Create as a Resource", così facendo Blend creerà per noi le azioni e i trigger.

Clicchiamo "Ok", da questo momento in poi, ogni modifica che faremo alla scena sarà registrata e creerà un'animazione, una sottile linea rossa circonda la scena e il messaggio "Timeline recording is on" in alto a sinistra è lì per ricordarcelo.

È possibile interrompere la registrazione in qualsiasi momento, cliccando il piccolo cerchio rosso alla sinistra del messaggio, e riattivarla premendolo nuovamente.

Selezioniamo il nostro "alone" e spostiamoci sulla timeline, registriamo un keyFrame all'inizio della Timeline, cliccando il bottone Record Keyframe, spostiamo il cursore di riproduzione poco più avanti, e registriamone un altro.

Mantenendo la selezione sul cerchio e la testina di riproduzione sul secondo KeyFrame, spostiamoci nel pannello Transform e selezioniamo il tab Scale, modifichiamo la scala sia sull'asse x che y.

Proseguiamo, impostando i parametri di riproduzione dell'animazione, che diventano accessibili cliccando sul nome dello Storyboard.

Blend mostrerà nel pannello "Properties", le proprietà RepeatBeahvior e AutoReverse riguardanti lo StoryBoard selezionato.

Spuntiamo la proprietà AutoReverse, e impostiamo il RepeatBehavior a Forever, così facendo l'animazione sarà riprodotta avanti e indietro in modo ininterrotto, la nostra prima animazione in blend è pronta non ci resta che premere il tasto Play che si trova nel pannello "Object and Timeline.

Attenzione: Questo articolo contiene un allegato

Sullo stesso argomento

Commenti

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Segnala su: