Sincronizar horas de inicio de animación y escalas de tiempo de elementos multimedia

Si un guión gráfico contiene elementos multimedia (audio o vídeo) y escalas de tiempo de animación, las escalas de tiempo de animación pueden iniciarse antes de la escala de tiempo de elementos multimedia si ésta se retrasa debido al tiempo de carga. Puede usar el atributo SlipBehavior XAML para iniciar todas las escalas de tiempo al mismo tiempo.

Para sincronizar las horas de inicio de la animación y las escalas de tiempo de elementos multimedia

1. En Microsoft Expression Blend 2, cree algunos objetos para animarlos. Cualquier tipo de objeto visual es válido o bien puede seguir el procedimiento que se describe en Dibujar una forma.

2. Cree y abra un guión gráfico. Puede seguir el procedimiento que se describe en Crear, modificar o eliminar un guión gráfico.

3. Para animar el objeto, mueva el cabezal de reproducción de audio de la escala de tiempo  y, a continuación, modifique el objeto. Ahora tiene un guión gráfico que contiene una escala de tiempo de animación. Mantenga abierto este guión gráfico.

4. Inserte un archivo de audio o un archivo de vídeo en la mesa de trabajo. Puede seguir el procedimiento que se describe en Insertar un archivo de imagen, audio o vídeo en el documento activo. El archivo multimedia se agrega al guión gráfico en su propia escala de tiempo.

5. Presione F5 para probar la aplicación. Observe si se produce un pequeño retraso entre el inicio de la escala de tiempo de la animación y el inicio del archivo multimedia.

6. Haga clic en la ficha de vista XAML o en la ficha de vista en dos paneles para poder ver el código XAML que define lo que se ve en la mesa de trabajo.

   

7. Busque la línea de XAML para el guión gráfico. Puede mover el puntero a la parte superior del archivo XAML y, a continuación, usar la herramienta Buscar (en el menú Edición) para buscar la frase "Guión gráfico". Por ejemplo, si el guión gráfico se denomina Storyboard1, la línea de XAML puede ser similar a la siguiente:

   <Storyboard x:Key="Storyboard1">
   

8. Agregue un nuevo atributo denominado SlipBehavior y establézcalo en la cadena Slip. Por ejemplo, después de realizar el cambio, la línea de código XAML puede ser similar a la siguiente:

   <Storyboard SlipBehavior="Slip" x:Key="Storyboard1">
   

   Presione F5 para probar la aplicación. Observe que todas las escalas de tiempo comienzan ahora al mismo tiempo.