Compartir a través de


Agregar animación que se reproducirá después de cambiar un estado

Puede agregar animación a un estado que se reproducirá después de que el control pase a ese estado. Por ejemplo, un botón cambia de color cuando se mueve el puntero del mouse sobre él, lo que es un resultado de la transición al estado MouseOver. Si agrega animación al estado MouseOver, como por ejemplo hacer que el botón gire sobre sí mismo, dicha animación se ejecutará después de que el botón cambie de color.

Para agregar animación a un estado

  1. Cambie al área de trabajo de animación. Esto desplaza el panel Objetos y escala de tiempo bajo la mesa de trabajo para proporcionar más espacio para mostrar la escala de tiempo.

  2. En Estados, seleccione el estado al que desea agregar la animación.

  3. En el panel Objetos y escala de tiempo, haga clic en Mostrar escala de tiempoDd185497.d5d49398-e7e2-48f6-82e0-7ab34fda33ea(ES-ES,Expression.30).png.

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

    [!NOTA]

    Cuando Base se ha seleccionado en Estados, Mostrar escala de tiempo Dd185497.d5d49398-e7e2-48f6-82e0-7ab34fda33ea(ES-ES,Expression.30).png no aparece porque no se encuentra en modo de grabación de estado.

  4. Si cambia la apariencia del control en este estado del valor predeterminado (cuando se selecciona Base), se establece un fotograma clave en la marca del segundo 0.

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

  5. Para agregar más animación, mueva el cabezal de reproducción Dd185497.5626c9eb-40bb-450a-9ca1-3678e5abe429(ES-ES,Expression.30).png a otro momento de la escala de tiempo y, a continuación, cambie a un objeto de la mesa de trabajo.

    Por ejemplo, para hacer que una carta de una baraja gire, mueva el cabezal de reproducción Dd185497.5626c9eb-40bb-450a-9ca1-3678e5abe429(ES-ES,Expression.30).png a la marca de 1 segundo, seleccione el objeto LayoutRoot en el panel Objetos y escala de tiempo y, a continuación, en Transformación en el panel Propiedades, seleccione la ficha Girar y establezca la propiedad Angle en 360.

    Dd185497.e67a5de7-5ff8-4eb5-ac18-e42c820451fb(ES-ES,Expression.30).png

  6. Para obtener un vista previa de la animación, haga clic en ReproducirDd185497.64ad8e84-1eec-4154-9d0c-11fef322c0bf(ES-ES,Expression.30).png.

  7. Presione F5 para probar la animación en estado.

    Dd185497.alert_tip(ES-ES,Expression.30).gifSugerencia:

    Si no desea que el control gire hacia atrás hasta 0 grados cuando vuelva a cambiar el estado, puede establecer el tiempo de transición en 0 segundo para este estado cuando cambie al resto de estados. Para obtener un procedimiento de seguimiento, vea Modificar el tiempo de transición entre cambios de estado.

Pasos siguientes