Synchronisieren der Startzeiten von Animationen und Medienzeitachsen

  • Artikel

Diese Seite bezieht sich nur auf WPF-Projekte

Wenn ein Storyboard eine Medien- (Video oder Audio) und Animationszeitachse enthält, kann es passieren, dass die Animationszeitachse vor der Medienzeitachse startet, wenn die Medienzeitachse aufgrund der Ladezeit verzögert ist. Sie können das XAML-Attribut SlipBehavior verwenden, um alle Zeitpläne gleichzeitig zu starten.

So synchronisieren Sie die Startzeiten von Animations- und Medienzeitachsen

  1. Erstellen Sie in Microsoft Expression Blend einige Objekte, die Sie animieren können. Alle Arten von visuellen Objekten sind möglich. Sie können jedoch auch das unter Zeichnen einer Form oder eines Pfads im Projekt beschriebene Verfahren verwenden.

  2. Erstellen und öffnen Sie ein Storyboard. Sie können wie unter Erstellen, Ändern oder Löschen eines Storyboards beschrieben vorgehen.

  3. Animieren Sie das Objekt, indem Sie die Zeitachsenposition Cc304465.5626c9eb-40bb-450a-9ca1-3678e5abe429(de-de,Expression.40).png verschieben und dann das Objekt ändern. Das Storyboard enthält nun eine Animationszeitachse. Lassen Sie das Storyboard geöffnet.

  4. Fügen Sie eine Audio- oder Videodatei in die Zeichenfläche ein. Sie können wie unter Übertragen einer Audio- oder Videodatei in das aktive Dokument beschrieben vorgehen. Die Mediendatei wird dem Storyboard in der eigenen Zeitachse hinzugefügt.

  5. Drücken Sie F5, um Ihre Anwendung zu testen. Achten Sie darauf, ob eine kurze Verzögerung zwischen dem Start der Animationszeitachse und dem Start der Medienzeitachse auftritt.

  6. Klicken Sie auf die Registerkarte XAML oder die geteilte Ansicht, sodass das XAML angezeigt wird, das definiert, was auf der Zeichenfläche angezeigt wird.

    Cc304465.6077fdd4-d9ee-4372-9324-4e417771b3d6(de-de,Expression.40).png

  7. Suchen Sie die XAML-Zeile für Ihr Storyboard. Sie können den Zeiger an den Anfang der XAML-Datei verschieben und dann mit dem Befehl Suchen (im Menü Bearbeiten) nach dem Begriff "Storyboard" suchen. Beispiel: Wenn das Storyboard den Namen Storyboard1 hat, kann die XAML-Zeile folgendermaßen aussehen:

    <Storyboard x:Key="Storyboard1">

  8. Fügen Sie ein neues Attribut mit dem Namen SlipBehavior hinzu, und stellen Sie es auf die Zeichenfolge Slip ein. Beispiel: Nach der Änderung kann die XAML-Codezeile folgendermaßen aussehen:

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

    Drücken Sie F5, um Ihre Anwendung zu testen. Beachten Sie, dass alle Zeitachsen nun zur gleichen Zeit beginnen.

Copyright © 2011 Microsoft Corporation. Alle Rechte vorbehalten.