Principi di programmazione in Silverlight 1.0

Gestione eventi delle animazioni

In Javascript è molto semplice gestire la riproduzione delle animazioni, l'oggetto Storyboard espone i metodi Begin,Stop,Pause,Resume,Seek attraverso cui controllare le varie fasi di una animazione. Ad esempio, con il metodo Begin è possibile avviare l'esecuzione dell'animazione, con il metodo Stop si interrompe riportando l'animazione al proprio stato iniziale e con i metodi Pause e Resume è possibile sospendere e riprendere la riproduzione.

Molto interessante è il metodo Seek che consente un salto nella linea temporale dell'animazione fino ad un tempo stabilito.

Combinando la gestione degli eventi del mouse con le funzionalità dell'oggetto Storyboard è possibile creare effetti interattivi vincolando l'esecuzione di alcune animazioni in funzione delle azioni dell'utente:

IMenuH_TK = IMenuH.AddEventListener("MouseEnter", IMenuH_onMouseEnter); 
IMenuH_TK = IMenuH.AddEventListener("MouseLeave", IMenuH_onMouseLeave); 
 
function IMenuH_onMouseEnter(sender, mouseEventArgs) 
{ 
    var MenuHAnimIn = sender.FindName("MenuHAnimIn"); 
    MenuHAnimIn.Begin(); 
     
    ItemMenuMediaOver.play(); 
    sender.Cursor="Hand"; 
} 
function IMenuH_onMouseLeave(sender, mouseEventArgs) 
{ 
    var MenuHAnimIn = sender.FindName("MenuHAnimIn"); 
    MenuHAnimIn.Pause(); 
     
    var MenuHAnimOut = sender.FindName("MenuHAnimOut"); 
    MenuHAnimOut.Begin(); 
 
    ItemMenuMediaOver.stop(); 
    ItemMenuMediaOver.position = "00:00:00"; 
}

Nel precedente esempio all'entrata del mouse sull'elemento viene riprodotto un effetto sonoro e viene iniziata la riproduzione dell'animazione corrispondente allo Storyboard denominato MenuHAnimIn, in modo del tutto analogo nell'evento di uscita del mouse dall'oggetto l'animazione di entrata è sospesa con il metodo Pause e viene dato inizio alla specifica animazione di uscita denominata MenuHAnimOut.

In questo specifico esempio è necessario sospendere l'animazione di entrata poiché tale animazione viene ripetuta infinite volte in virtù dell'attributo RepeatBehavior="Forever".

L'oggetto Storyboard espone l'evento Completed che si genera al termine della riproduzione di una animazione. Gestendo questo evento è possibile iniziare una successiva animazione o scatenare un ulteriore evento correlato; è importante notare che una animazione che viene eseguita infinite volte non genera mai l'evento Completed.

Visualizza l'esempio 6

Conclusioni

In questo articolo sono descritte le principali modalità di programmazione di Silverlight per gestire le azioni dell'utente e per arricchire di interattività i siti web. Il potenziale gestibile con il linguaggio Javascript è circoscritto alle funzionalità per così dire di basso livello degli oggetti del plugin, tuttavia anche se la programmazione con questo linguaggio si discosta molto dalle tradizionali modalità di sviluppo dell'ambito Microsoft, questo non limita la creatività del designer e la capacità di sviluppo del developer per produrre siti web ricchi di effetti multimediali.

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: