Sincronizzare l'inizio delle sequenze temporali di animazioni ed elementi multimediali

Quando uno storyboard include sia sequenze temporali di elementi multimediali (video o audio) che di animazioni, è possibile che quelle delle animazioni inizino prima di quelle degli elementi multimediali, se queste ultime subiscono un ritardo a causa del tempo di caricamento. È possibile utilizzare l'attributo XAML SlipBehavior per avviare tutte le sequenze temporali contemporaneamente.

Per sincronizzare l'inizio delle sequenze temporali di animazioni ed elementi multimediali

1. In Microsoft Expression Blend 2 creare alcuni oggetti a cui applicare animazioni. È possibile utilizzare qualsiasi tipo di oggetto visivo oppure la procedura illustrata in Disegnare una forma.

2. Creare e aprire uno storyboard. È possibile utilizzare la procedura illustrata in Creare, modificare o eliminare uno storyboard.

3. Applicare un'animazione all'oggetto spostando l'indicatore di riproduzione della sequenza temporale  e quindi modificando l'oggetto. Ora è disponibile uno storyboard contenente una sequenza temporale di animazione. Lasciare aperto lo storyboard.

4. Inserire un file audio o video nel documento sulla tavola da disegno. È possibile utilizzare la procedura illustrata in Inserire un file di immagine, audio o video nel documento attivo. Il file multimediale verrà aggiunto allo storyboard in una sequenza temporale a parte.

5. Premere F5 per provare l'applicazione. Si noti che la sequenza temporale del file multimediale inizia lievemente in ritardo rispetto a quella dell'animazione.

6. Fare clic sulla scheda della visualizzazione XAML o sulla scheda della Doppia visualizzazione per visualizzare il codice XAML che definisce gli elementi visualizzati sulla tavola da disegno.

   

7. Individuare la riga di codice XAML per lo storyboard. È possibile spostare il puntatore all'inizio del file XAML e quindi utilizzare il comando Trova del menu Modifica per cercare il testo "Storyboard". Se ad esempio lo storyboard utilizzato è denominato Storyboard1, la riga di codice XAML sarà simile alla seguente:

   <Storyboard x:Key="Storyboard1">
   

8. Aggiungere un nuovo attributo denominato SlipBehavior e impostarlo sulla stringa Slip. Dopo la modifica, la riga di codice XAML sarà simile alla seguente:

   <Storyboard SlipBehavior="Slip" x:Key="Storyboard1">
   

   Premere F5 per provare l'applicazione. Si noti che ora tutte le sequenze temporali iniziano nello stesso istante.