Condividi tramite


Aggiungere animazione che viene riprodotta dopo un cambiamento di stato

È possibile aggiungere animazione a uno stato che verrà riprodotta quando il controllo passa a tale stato. Ad esempio, quando il mouse passa sopra un pulsante MouseOver, il pulsante cambia colore. Se si aggiunge animazione allo stato MouseOver, in modo che il pulsante giri, l'animazione verrà eseguita dopo il cambiamento di colore.

Per aggiungere animazione a uno stato

  1. Passare all'Area di lavoro Animazione. Il pannello Oggetti e sequenza temporale viene spostato sotto la tavola da disegno, per lasciare maggiore spazio alla visualizzazione della sequenza temporale.

  2. In Stati, selezionare lo stato a cui si desidera aggiungere animazione.

  3. Nel pannello Oggetti e sequenza temporale, fare clic su Mostra sequenza temporale Dd185497.d5d49398-e7e2-48f6-82e0-7ab34fda33ea(it-it,Expression.40).png.

    Dd185497.9985179e-40a4-488b-97e1-94625d2480f4(it-it,Expression.40).png

    [!NOTA]

    Quando è selezionato Base in Stati, l'opzione Mostra sequenza temporale Dd185497.d5d49398-e7e2-48f6-82e0-7ab34fda33ea(it-it,Expression.40).png non viene visualizzata perché non è attiva la modalità di registrazione dello stato.

  4. Se l'aspetto predefinito del controllo in questo stato è stato modificato (quando è selezionato Base), un fotogramma chiave è già impostato sull'indicatore di 0 secondi.

    Dd185497.54c77792-cbb0-4f6c-a7c4-88d5e8228c42(it-it,Expression.40).png

  5. Per aggiungere ulteriore animazione, spostare l'indicatore di riproduzione Dd185497.5626c9eb-40bb-450a-9ca1-3678e5abe429(it-it,Expression.40).png su un altro momento della sequenza temporale e quindi modificare un oggetto nella tavola da disegno.

    Ad esempio, per far girare una carta da gioco, spostare l'indicatore di riproduzione Dd185497.5626c9eb-40bb-450a-9ca1-3678e5abe429(it-it,Expression.40).png sull'indicatore di 1 secondo, selezionare l'oggetto LayoutRoot nel pannello Oggetti e sequenza temporale, quindi nel pannello Proprietà, in Trasformazione, selezionare la scheda Ruota e impostare la proprietà Angle su 360.

    Dd185497.e67a5de7-5ff8-4eb5-ac18-e42c820451fb(it-it,Expression.40).png

  6. Visualizzare un'anteprima dell'animazione facendo clic su RiproduciDd185497.64ad8e84-1eec-4154-9d0c-11fef322c0bf(it-it,Expression.40).png.

  7. Premere F5 per eseguire il test dell'animazione nello stato.

    tip noteSuggerimento:

    Se non si desidera che il controllo ruoti all'indietro a 0 gradi quando lo stato cambia di nuovo, è possibile impostare il tempo di transizione su 0 secondi per questo stato quando viene eseguita la transizione a tutti gli altri stati. Per la procedura da seguire, vedere Modificare il tempo di transizione tra i cambiamenti di stato.

Passaggi successivi

  • È possibile fare in modo che l'animazione nello stato venga eseguita più volte consecutive o continuamente, oppure che venga invertita al raggiungimento dell'ultimo fotogramma chiave. Per ulteriori informazioni, vedere Modificare uno storyboard per la ripetizione o l'inversione.

  • È possibile regolare la velocità dell'animazione tra fotogrammi chiave per creare un'animazione più naturale. Per ulteriori informazioni, vedere Modificare l'interpolazione di animazione tra fotogrammi chiave.

  • Se si modifica un modello di controllo di sistema, è possibile premere F5 per visualizzare le modifiche apportate all'applicazione. Se si utilizza un controllo dell'utente, è possibile visualizzare l'animazione modificata in azione facendo in modo che il controllo dell'utente risponda ai clic del mouse. Per ulteriori informazioni, vedere Modificare gli stati in risposta all'interazione utente.

Copyright © 2011 Microsoft Corporation. Tutti i diritti riservati.