Crear una animación sencilla

Se puede animar cualquier elemento visual en Blend para Visual Studio.

Para crear una animación sencilla

1. En Blend, abra o cree un nuevo proyecto.

   Para obtener más información, vea Crear un proyecto nuevo en Blend.

2. Presione F6 para cambiar al área de trabajo Animación. Presione F6 para cambiar entre las áreas de trabajo disponibles. En el área de trabajo Animación, el panel Objetos y escala de tiempo se encuentra debajo de la mesa de trabajo. Cree los objetos que desee animar.

   Sugerencia

   Objeto se refiere a un elemento en la mesa de trabajo de Blend.Por ejemplo, cuando selecciona Rectangle  en el panel Herramientas y dibuja un rectángulo en la mesa de trabajo, está creando un objeto rectangle.Para obtener más información acerca de los objetos y los controles, vea Trabajar con objetos y propiedades en Blend y Insertar controles y modificar su comportamiento en Blend.

3. En el panel Objetos y escala de tiempo, haga clic en Nuevo .

   Aparece el cuadro de diálogo Crear recurso Storyboard.

4. En el campo Nombre de recurso (clave), escriba un nombre para la escala de tiempo y, a continuación, haga clic en Aceptar. Blend cambia al modo de grabación de escala de tiempo con el cabezal de reproducción  en la marca de 0 segundos. Mientras esté en modo de registro, cualquier propiedad que se configure registrará automáticamente un fotograma clave en la escala de tiempo.

   Sugerencia

   De manera predeterminada, cualquier guion gráfico nuevo creado en la raíz del documento hará que se agregue un desencadenador de eventos en el panel Desencadenadores para el evento Window.Loaded.Este desencadenador hace que el guion gráfico comience en cuanto se inicie la aplicación.Si desea crear alguna interactividad sencilla, puede seleccionar el desencadenador de eventos y, a continuación, modificarlo (en la mitad inferior del panel Desencadenadores) para especificar lo siguiente:

   When object.PreviewMouseDown is raised

   En este ejemplo, object es el nombre de un objeto de la aplicación. (El objeto debe estar seleccionado para que aparezca en la mitad inferior del panel Desencadenadores al modificar el desencadenador). Esto hace que la escala de tiempo de animación comience al hacer clic en el objeto.

5. En el panel Objetos y escala de tiempo, seleccione el objeto que desea animar.

6. Si desea que el objeto seleccionado se inicie con su aspecto y posición actuales, haga clic en Registrar fotograma clave  para registrar el objeto en la marca de 0 segundos. Aparecerá un fotograma clave  en la escala de tiempo de la fila correspondiente al objeto seleccionado.

7. En el panel Objetos y escala de tiempo, arrastre el cabezal de reproducción al momento en que debe finalizar la animación.

8. Si desea que el objeto se muestre al final de la animación con el mismo aspecto que al principio, haga clic en el botón Registrar fotograma clave.

9. Mueva el cabezal de reproducción a la posición de la escala de tiempo en la que desea que se produzca un cambio en una propiedad.

10. Cambie una propiedad del objeto seleccionado, como la posición, el color o el tamaño del objeto. Aparecerá automáticamente un fotograma clave en la escala de tiempo para registrar el cambio en la propiedad.

    Sugerencia

    Puede ver los fotogramas clave de cada propiedad si expande el nodo del objeto.Esto es útil si desea mover un fotograma clave de una propiedad concreta en lugar de aplicarlo a todo el objeto.

11. Para ver la animación que acaba de crear, haga clic en el botón Reproducir en la parte superior de Objetos y escala de tiempo.

    Sugerencia

    Para salir del modo de grabación de escala de tiempo, haga clic en Cerrar guion gráfico  para volver al estado inicial de todos los objetos en el ámbito actual.

Vea también

Tareas

Probar un guión gráfico

Controlar cuándo se ejecuta un guion gráfico

Inténtelo: Reproducir con comportamientos de transición y sin transición