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
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.
En Estados, seleccione el estado al que desea agregar la animación.
En el panel Objetos y escala de tiempo, haga clic en Mostrar escala de tiempo
.png "Dd185497.d5d49398-e7e2-48f6-82e0-7ab34fda33ea(ES-ES,Expression.30).png")
..png "Dd185497.9985179e-40a4-488b-97e1-94625d2480f4(ES-ES,Expression.30).png")
[!NOTA]
Cuando Base se ha seleccionado en Estados, Mostrar escala de tiempo
no aparece porque no se encuentra en modo de grabación de estado.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.
.png "Dd185497.54c77792-cbb0-4f6c-a7c4-88d5e8228c42(ES-ES,Expression.30).png")
Para agregar más animación, mueva el cabezal de reproducción
.png "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
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..png "Dd185497.e67a5de7-5ff8-4eb5-ac18-e42c820451fb(ES-ES,Expression.30).png")
Para obtener un vista previa de la animación, haga clic en Reproducir
.png "Dd185497.64ad8e84-1eec-4154-9d0c-11fef322c0bf(ES-ES,Expression.30).png")
.Presione F5 para probar la animación en estado.
.gif "Sugerencia")
Sugerencia: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
Puede hacer que la animación en estado se repita varias veces o siempre, o revertirla cuando llegue al último fotograma clave. Para obtener más información, vea Modificar un guión gráfico para repetir o invertir al final de su ciclo.
Puede ajustar la velocidad de reproducción de la animación entre fotogramas clave para crear una animación más natural. Para obtener más información, vea Cambiar la interpolación entre fotogramas clave de una animación.
Si va a modificar una plantilla de control del sistema, puede presionar F5 para ver los cambios en la aplicación. Si trabaja con un control de usuario, puede ver la animación modificada en acción si hace que el control de usuario responda a clics del mouse. Para obtener más información, vea Cambiar estados en respuesta a una interacción del usuario.