Creare un'animazione semplice

È possibile animare qualsiasi elemento visivo in Microsoft Expression Blend.

Per creare un'animazione semplice

1. In Expression Blend aprire un progetto o crearne uno nuovo.

   Per ulteriori informazioni, vedere Creare un nuovo progetto.

2. Premere F6 per passare all'area di lavoro Animazione. Premere F6 per scorrere tra le aree di lavoro disponibili. Nell'area di lavoro Animazione il pannello Oggetti e sequenza temporale si trova sotto la tavola da disegno. Creare gli oggetti cui si desidera applicare un'animazione.

   Suggerimento:
   Per oggetto si intende un elemento sulla tavola da disegno di Expression Blend. Quando ad esempio si seleziona lo strumento Rectangle nel pannello Strumenti e si disegna un rettangolo sulla tavola da disegno, viene creato un oggetto rectangle. Per ulteriori informazioni sugli oggetti e sui controlli, vedere Utilizzo di oggetti e proprietà e Scegliere e utilizzare controlli interattivi.

3. Nel pannello Oggetti e sequenza temporale fare clic su Nuovo .

   Verrà visualizzata la finestra di dialogo Crea risorsa Storyboard.

4. Nel campo Nome risorsa (chiave) digitare un nome per la sequenza temporale e quindi fare clic su OK. In Expression Blend verrà attivata la modalità di registrazione della sequenza temporale con l'indicatore di riproduzione  in corrispondenza dell'indicatore del secondo 0. In modalità registrazione qualsiasi proprietà impostata registrerà in modo automatico un fotogramma chiave nella sequenza temporale.

   Suggerimento:

   Per impostazione predefinita, qualsiasi nuovo storyboard creato nell'elemento radice del documento determinerà l'aggiunta di un trigger di evento nel pannello Trigger per l'evento Window.Loaded. Questo trigger avvia lo storyboard all'avvio dell'applicazione. Se si desidera creare interattività semplice, è possibile selezionare il trigger di evento e quindi modificarlo nella parte inferiore del pannello Trigger per specificare quanto segue: When object.PreviewMouseDown is raised Dove object è il nome di un oggetto nell'applicazione. Per essere visualizzato nella metà inferiore del pannello Trigger quando si modifica il trigger, l'oggetto deve essere selezionato. La sequenza temporale dell'animazione avrà inizio quando si farà clic sull'oggetto.

5. Nel pannello Oggetti e sequenza temporale selezionare l'oggetto cui si desidera applicare un'animazione.

6. Se si desidera che l'oggetto selezionato venga avviato in base alla posizione e all'aspetto correnti, fare clic sul pulsante Registra fotogramma chiave per registrare l'oggetto in corrispondenza dell'indicatore del secondo 0. Sulla sequenza temporale presente nella riga corrispondente all'oggetto selezionato verrà visualizzato un fotogramma chiave .

7. Nel pannello Oggetti e sequenza temporale trascinare l'indicatore di riproduzione sull'istante specifico in cui l'animazione deve terminare.

8. Se si desidera che l'aspetto dell'oggetto al termine dell'animazione sia uguale a quello iniziale, fare clic sul pulsante Registra fotogramma chiave.

9. Spostare l'indicatore di riproduzione in una posizione della sequenza temporale in cui si desidera che si verifichi una modifica di proprietà.

10. Modificare una proprietà dell'oggetto selezionato, ad esempio la posizione, il colore o la dimensione. Verrà automaticamente visualizzato un fotogramma chiave nella sequenza temporale per registrare la modifica apportata.

    Suggerimento:
    Per visualizzare i fotogrammi chiave di una singola proprietà, espandere il nodo relativo all'oggetto. Questa operazione risulta utile se si desidera spostare un fotogramma chiave per una singola proprietà anziché per l'intero oggetto.

11. Per visualizzare l'animazione creata, fare clic sul pulsante Play nella parte superiore di Oggetti e sequenza temporale.

    Suggerimento:
    Per uscire dalla modalità registrazione della sequenza temporale, fare clic su Chiude lo storyboard in modo da tornare allo stato iniziale di tutti gli oggetti nell'ambito corrente.

Vedere anche

Attività

Eseguire il test di uno storyboard
Controllare l'esecuzione dello storyboard
Esercitazione: utilizzare animazioni con e senza continuità

Copyright © 2011 Microsoft Corporation. Tutti i diritti riservati.