Compartir a través de


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

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 tiempo JJ170012.d5d49398-e7e2-48f6-82e0-7ab34fda33ea(es-es,VS.120).png.

    JJ170012.9985179e-40a4-488b-97e1-94625d2480f4(es-es,VS.120).png

    Nota

    Si se selecciona Base en Estados, Mostrar escala de tiempo JJ170012.d5d49398-e7e2-48f6-82e0-7ab34fda33ea(es-es,VS.120).png no aparece porque el modo de grabación de estado no está activado.

  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.

    JJ170012.54c77792-cbb0-4f6c-a7c4-88d5e8228c42(es-es,VS.120).png

  5. Para agregar más animación, mueva el cabezal de reproducción JJ170012.5626c9eb-40bb-450a-9ca1-3678e5abe429(es-es,VS.120).png a otro momento de la escala de tiempo y, a continuación, realice un cambio en un objeto de la mesa de trabajo.

    Por ejemplo, para hacer que una carta de una baraja gire, mueva el cabezal de reproducción JJ170012.5626c9eb-40bb-450a-9ca1-3678e5abe429(es-es,VS.120).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 pestaña Girar y establezca la propiedad Angle en 360.

  6. Para obtener un vista previa de la animación, haga clic en Reproducir JJ170012.64ad8e84-1eec-4154-9d0c-11fef322c0bf(es-es,VS.120).png.

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

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

Pasos siguientes