Agregar animación que se reproducirá después de cambiar un estado
.png "Esta página es específica de proyectos Silverlight 2")
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
Presione F6 para cambiar al Área de trabajo de animación. Esto desplaza el panel Interacción 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 Objetos y escala de tiempo, haga clic en el botón Mostrar escala de tiempo
.png "Dd185497.927789b4-13c3-4722-9a18-d24675423e23(es-es,Expression.10).png")
..png "Dd185497.9985179e-40a4-488b-97e1-94625d2480f4(es-es,Expression.10).png")
[!NOTA]
Cuando está seleccionado Base en Estados, el botón 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.10).png")
Para agregar más animación, mueva el cabezal de reproducción
.png "Dd185497.5626c9eb-40bb-450a-9ca1-3678e5abe429(es-es,Expression.10).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 baraje gire, mueva el cabezal de reproducción
a la marca de 1 segundo, seleccione el objeto LayoutRoot en Objetos y escala de tiempo y, a continuación, en Transformación en el panel Propiedades, seleccione la ficha Girar y establezca la propiedad Ángulo en 360..png "Dd185497.e67a5de7-5ff8-4eb5-ac18-e42c820451fb(es-es,Expression.10).png")
Para realizar una vista previa de la animación, haga clic en el botón Reproducir
.png "Dd185497.64ad8e84-1eec-4154-9d0c-11fef322c0bf(es-es,Expression.10).png")
.Presione F5 para probar la animación del 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 en controles del sistema.
Pasos siguientes
Puede hacer que la animación del 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 el estado en respuesta a una interacción del usuario.