Angenommen, das Textelement „Hello“ wird auf einem Ellipsenelement angezeigt.
Das Popupfenster für Aktionen wurde zur Verbesserung der Benutzerfreundlichkeit für Designer neu gestaltet. Mit dem verbesserten Aktions-Editor muss weniger Code geschrieben werden, sodass Interaktivität leichter hinzugefügt werden kann. Der neue Aktions-Editor erleichtert Designern das Erstellen präziser Animationen, indem Zeit- und Arbeitsaufwand optimiert werden. Sie können Objekte hinzufügen und JavaScript-Aktionen konfigurieren, um ereignisbasierte Elemente in der Animation zu erstellen.
Der neue Aktions-Editor führt Sie visuell durch die verschiedenen Schritte zum Zuweisen von Aktionen zu Zielen. Mit dem Aktions-Editor können Sie ereignisbasierte JavaScript-Aktionen hinzufügen und die Ziele im gleichen Fenster auswählen.
Im neuen Code-Editor werden Aktionen jetzt in zwei einfachen Schritten den Elementen hinzugefügt:
Hinweis: Wenn Sie auf „Bühne“ klicken und die Komposition Symbole enthält, wird möglicherweise die Unterkategorie „Symbole“ angezeigt. Weitere Informationen zu Symbolen finden Sie unter Erstellen von verschachtelten Animationen mit Symbolen.
Die Aktionen werden unter den folgenden Kategorien zusammengefasst:
Im folgenden Beispiel erfahren Sie mehr zum Hinzufügen von Aktionen zu einem Element.
Angenommen, das Textelement „Hello“ wird auf einem Ellipsenelement angezeigt.
Um den Text zu ändern, klicken Sie auf der Zeitleiste neben dem Textelement auf „{}“. Wählen Sie „click“.
Der entsprechende JavaScript-Code wird im Codeeditor angezeigt. Ändern Sie den Text „NewText“ im Code in „Hello World“.
Schließen Sie das Code-Popupfenster. Drücken Sie Strg+Eingabe, um die Änderungen anzuzeigen. Als Text wird „Hello World“ angezeigt.
Der Aktions-Editor bietet außerdem die folgenden Verbesserungen, um die Erstellung komplexer Animationen zu erleichtern und zu beschleunigen:
Klicken Sie im Aktions-Editor neben „Meine Codefragmente“ auf „+“ und dann auf eine der folgenden Optionen:
Klicken Sie auf diese Option, um Ihren eigenen Code einzugeben und als Codefragment zu speichern. Wenn Sie auf diese Option klicken, wird ein Codefenster angezeigt. Geben Sie Ihren Code ein, klicken Sie auf „Speichern“ und geben Sie einen Namen für das Codefragment ein.
Klicken Sie auf diese Option, um den ausgewählten Teil des Codes als Codefragment zu speichern. Geben Sie im Aktions-Editor einen Namen für das Codefragment ein (zum Beispiel „MySnippet_1“). Sie können dieses Codefragment auswählen, um dem entsprechenden Element eine Aktion hinzuzufügen.
Bei Ihrem Konto anmelden