Synchroniser les heures de démarrage des chronologies d’animation et de médias

Si une table de montage séquentiel contient à la fois des chronologies de médias (vidéo ou audio) et d’animation, les chronologies d’animation peuvent sembler démarrer avant la chronologie de médias si la chronologie de médias est retardée en raison du temps de chargement. Vous pouvez utiliser l’attribut SlipBehavior XAML pour démarrer toutes les chronologies en même temps.

Pour synchroniser les heures de démarrage des chronologies d’animation et de médias

1. Dans Microsoft Expression Blend 2, créez des objets à animer. N’importe quel type d’objet visuel convient, ou vous pouvez utiliser la procédure qui est décrite dans Tracer une forme.

2. Créez et ouvrez une table de montage séquentiel. Vous pouvez utiliser la procédure qui est décrite dans Créer, modifier ou supprimer une table de montage séquentiel.

3. Animez votre objet en déplaçant le curseur de lecture de la chronologie , puis en modifiant l’objet. Vous disposez à présent d’une table de montage séquentiel qui contient une chronologie d’animation. Laissez cette table de montage séquentiel ouverte.

4. Insérez un fichier audio ou un fichier vidéo dans la planche graphique. Vous pouvez utiliser la procédure qui est décrite dans Insérer un fichier image, audio ou vidéo dans le document actif. Le fichier multimédia est ajouté à la table de montage séquentiel dans sa propre chronologie.

5. Appuyez sur la touche F5 pour tester votre application. Notez si un bref délai se produit entre le début de la chronologie d’animation et le début du fichier multimédia.

6. Cliquez sur l’onglet Mode XAML ou Mode Fractionné de manière à afficher le code XAML qui définit ce que vous voyez sur la planche graphique.

   

7. Recherchez la ligne de code XAML pour votre table de montage séquentiel. Vous pouvez déplacer le curseur vers le haut du fichier XAML, puis utiliser l’outil Rechercher (dans le menu Edition) pour rechercher l’expression « Storyboard ». Par exemple, si votre table de montage séquentiel se nomme Storyboard1, la ligne de code XAML peut ressembler à celle-ci :

   <Storyboard x:Key="Storyboard1">
   

8. Ajoutez un nouvel attribut nommé SlipBehavior et affectez-le à la chaîne Slip. Par exemple, après avoir apporté la modification, votre ligne de code XAML peut ressembler à celle-ci :

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

   Appuyez sur la touche F5 pour tester votre application. Notez que toutes les chronologies commencent à présent en même temps.