Condividi tramite

Creare un'animazione semplice

  • Articolo

È possibile animare qualsiasi elemento visivo in Microsoft Expression Blend come descritto di seguito.

Per creare un'animazione semplice

  1. In Expression Blend aprire un progetto o crearne uno nuovo. Per ulteriori informazioni, vedere Creare un nuovo documento o un nuovo progetto.

  2. Premere F6 per passare all'area di lavoro Animazione. F6 consente di passare dall'area di lavoro Progettazione all'area di lavoro Animazione e viceversa. Nell'area di lavoro Animazione il pannello Interazione si trova sotto la tavola da disegno. Creare gli oggetti cui si desidera applicare un'animazione.

    Cc294948.alert_tip(it-it,Expression.10).gifSuggerimento:

    Per oggetto si intende un elemento sulla tavola da disegno di Expression Blend. Quando si seleziona ad esempio lo strumento RettangoloCc294948.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(it-it,Expression.10).png nella casella degli strumenti e si traccia un rettangolo sulla tavola da disegno, si crea un oggetto Rectangle. Per ulteriori informazioni sugli oggetti e sui controlli, vedere Utilizzo di oggetti e proprietà e Controlli.

  3. In Oggetti e sequenza temporale fare clic su Nuovo Cc294948.86937695-03dd-44ea-aa30-28d4029b3ad0(it-it,Expression.10).png.

    Verrà visualizzata la finestra di dialogo Crea risorsa Storyboard.

  4. Nel campo Nome risorsa (chiave) immettere un nome per la sequenza temporale e quindi fare clic su OK. Verrà attivata la modalità registrazione della sequenza temporale con l'indicatore di riproduzione Cc294948.5626c9eb-40bb-450a-9ca1-3678e5abe429(it-it,Expression.10).png in corrispondenza dell'indicatore del secondo 0. In modalità registrazione qualsiasi proprietà impostata registrerà in modo automatico un fotogramma chiave nella sequenza temporale.

    Cc294948.alert_tip(it-it,Expression.10).gifSuggerimento:

    Per impostazione predefinita, qualsiasi nuovo storyboard creato nell'elemento principale del documento determinerà l'aggiunta di un trigger di evento in 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 riquadro 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 riquadro 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. In Oggettie 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 chiaveCc294948.de094a9c-58f2-4466-912a-9bdc18362548(it-it,Expression.10).png 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 Cc294948.80da70bb-e635-42e8-b26d-f90453096e21(it-it,Expression.10).png.

  7. In 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.

    Cc294948.alert_tip(it-it,Expression.10).gifSuggerimento:

    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.

    Cc294948.alert_tip(it-it,Expression.10).gifSuggerimento:

    Per uscire dalla modalità registrazione della sequenza temporale, fare clic sul pulsante Chiude lo storyboardCc294948.4c066464-3a41-452d-b2e9-e95f6c5659ff(it-it,Expression.10).png in modo da tornare allo stato iniziale di tutti gli oggetti nell'ambito corrente.

Vedere anche

Concetti

Eseguire il test di uno storyboard

Controllare l'esecuzione dello storyboard

Esercitazione: utilizzare animazioni con e senza continuità