Klicken Sie im Prototypmodus auf den Titel der Ausgangszeichenfläche und verdrahten Sie sie mit der Zielzeichenfläche.
Erfahren Sie, wie Sie mithilfe von Triggern zeitgesteuerte Übergänge definieren.
Mit dem Trigger „Zeitgesteuert“ können Sie basierend auf zeitlicher Verzögerung und Dauer einen Übergang zwischen zwei Zeichenflächen erstellen.
Sie können den Trigger Zeitgesteuert mit Aktionen kombinieren, um eine Vielzahl von Effekten wie Animationsschleifen, eine Fortschrittsanzeige und andere mehr zu erstellen. Hier ein Beispiel, in dem der Trigger Zeitgesteuert mit Auto-Animate kombiniert wurde, um einen Schleifeneffekt zu erzeugen.
Um einen einfachen zeitgesteuerten Übergang zu erstellen, führen Sie die folgenden Schritte aus:
Klicken Sie im Prototypmodus auf den Titel der Ausgangszeichenfläche und verdrahten Sie sie mit der Zielzeichenfläche.
Klicken Sie auf die Verbindungslinie, um das Fenster Interaktion anzuzeigen, das im Eigenschafteninspektor erscheint, und legen Sie die folgenden Optionen fest:
XD speichert Ihre Attribute auf der Zeichenfläche und schlägt sie als Standard für weitere Bildschirme vor.
Um den zeitgesteuerten Übergang zu testen, klicken Sie auf .
Zähleranimationen werden eingesetzt, um Zahlen auf interessante und auffällige Weise anzuzeigen. Möchten Sie lernen, wie Sie durch Anwendung zeitgesteuerter Übergänge eine Anzeigetafel mit Zähleranimation erstellen können?
1. Wählen Sie im Prototypmodus die Zeichenfläche aus und nehmen Sie die folgenden Einstellungen vor:
2. Klicken Sie auf , um die Animation des Nummernzählers zu testen.
Laden Sie die Beispieldateien herunter. Das folgende Video zeigt, wie Sie die Beispieldateien ausprobieren können.
Dauer: 2 Minuten, 47 Sekunden.
Möchten Sie einen zeitgesteuerten Übergang verwenden, um eine Onboarding-Erfahrung für Ihre Applikation zu erstellen? Schauen Sie sich das folgende Video an und verwenden Sie dieses kostenlose UI-Kit, um einen Onboarding-Workflow zu erstellen.
Dauer: 5 Minuten, 2 Sekunden.
In unserer XD Support-Community finden Sie weitere Tutorials und Beispieldateien.
Wussten Sie, dass Sie den Übergang Zeitgesteuert mit Auto-Animate und Overlay kombinieren können, um interaktive Effekte erstellen? Im folgenden Video erhalten Sie weitere Informationen zu Auto-Animate.
Dauer: 8 Minuten, 33 Sekunden.
Bei Ihrem Konto anmelden