Benutzerhandbuch Abbrechen

Verwenden der Animate-Authoring-Bedienfelder

  1. Adobe Animate-Benutzerhandbuch
  2. Einführung in Animate
    1. Neue Funktionen in Animate
    2. Visuelles Glossar
    3. Systemanforderungen für Animate
    4. Tastaturbefehle für Animate
    5. Arbeiten mit verschiedenen Dateitypen in Animate
  3. Animation
    1. Grundlagen von Animationen in Animate
    2. So verwenden Sie Bilder und Schlüsselbilder in Animate
    3. Einzelbildanimation in Animate
    4. Arbeiten mit klassischen Tween-Animationen in Animate
    5. Pinselwerkzeug
    6. Bewegungsführung
    7. Bewegungs-Tweens und ActionScript 3.0
    8. Bewegungs-Tween-Animationen
    9. Bewegungs-Tween-Animationen
    10. Erstellen von Bewegungs-Tween-Animationen
    11. Verwenden von Eigenschaftenschlüsselbildern
    12. Animieren der Position mithilfe eines Tweens
    13. So bearbeiten Sie Bewegungs-Tweens mit dem Bewegungs-Editor
    14. Bearbeiten des Bewegungspfades einer Tween-Animation
    15. Manipulieren von Bewegungs-Tweens
    16. Hinzufügen von benutzerdefinierten Beschleunigungen
    17. Erstellen und Anwenden von Bewegungsvoreinstellungen
    18. Einrichten von Animations-Tween-Bereichen
    19. Arbeiten mit als XML-Dateien gespeicherten Bewegungs-Tweens
    20. Vergleich von Bewegungs-Tweens und klassischen Tweens
    21. Form-Tweening
    22. Verwenden von Animation mit dem Bone-Werkzeug in Animate
    23. Arbeiten mit Figuren-Rigging in Animate
    24. So verwenden Sie Maskenebenen in Adobe Animate
    25. So arbeiten Sie in Animate mit Szenen
  4. Interaktivität
    1. So erstellen Sie in Animate Schaltflächen
    2. Konvertieren von Animate-Projekten in andere Dokumenttypen
    3. HTML5 Canvas-Dokumente in Animate erstellen und veröffentlichen
    4. Interaktivität mit Codefragmenten in Animate hinzufügen
    5. Erstellen benutzerdefinierter HTML5-Komponenten
    6. Verwenden von Komponenten in HTML5 Canvas
    7. Erstellen von benutzerdefinierten Komponenten: Beispiele
    8. Codefragmente für benutzerdefinierte Komponenten
    9. Empfohlene Verfahren – Anzeigen mit Animate
    10. Authoring und Veröffentlichen für VR
  5. Arbeitsbereich und Arbeitsablauf
    1. Erstellen und Verwalten von Pinseln
    2. Verwenden von Google Fonts in HTML5 Canvas-Dokumenten
    3. Verwenden von Creative Cloud Libraries in Adobe Animate
    4. Bühne und Bedienfeld „Werkzeuge“ in Animate verwenden
    5. Arbeitsablauf und Arbeitsbereich in Animate
    6. Verwenden von Webschriftarten in HTML5 Canvas-Dokumenten
    7. Zeitleisten und ActionScript
    8. Arbeiten mit mehreren Zeitleisten
    9. Festlegen von Voreinstellungen
    10. Verwenden der Animate-Authoring-Bedienfelder
    11. Zeitleisten-Ebenen in Animate erstellen
    12. Exportieren von Animationen für Apps und Game-Engines
    13. Verschieben und Kopieren von Objekten
    14. Vorlagen
    15. Suchen und Ersetzen in Animate
    16. Rückgängigmachen, Wiederholen und das Bedienfeld „Protokoll“
    17. Tastaturbefehle
    18. So verwenden Sie die Zeitleiste in Animate
    19. Erstellen von HTML-Erweiterungen
    20. Optimierungsoptionen für Bilder und animierte GIF-Dateien
    21. Exporteinstellungen für Bilder und GIF-Dateien
    22. Bedienfeld „Elemente“ in Animate
  6. Multimedia und Video
    1. Transformieren und Kombinieren von Grafikobjekten in Animate
    2. Erstellen von und Arbeiten mit Symbolinstanzen in Animate
    3. Bildnachzeichner
    4. So verwenden Sie Sound in Adobe Animate
    5. Exportieren von SVG-Dateien
    6. Erstellen von Videodateien zur Verwendung in Animate
    7. So fügen Sie in Animate ein Video hinzu
    8. Objekte in Animate zeichnen und erstellen
    9. Umformen von Linien und Formen
    10. Striche, Füllungen und Farbverläufe in Animate CC
    11. Adobe Premiere Pro und After Effects
    12. Farb-Bedienfelder in Animate CC
    13. Öffnen von Flash CS6-Dateien mit Animate
    14. In Animate mit klassischem Text arbeiten
    15. Platzieren von Bildern in Animate
    16. Importierte Bitmaps in Animate
    17. 3D-Grafiken
    18. Arbeiten mit Symbolen in Animate
    19. Zeichnen von Linien und Formen mit Adobe Animate
    20. Mit Bibliotheken in Animate arbeiten
    21. Exportieren von Sounds
    22. Auswählen von Objekten in Animate CC
    23. Arbeiten mit Adobe Illustrator AI-Dateien in Animate
    24. Anwenden von Mischmodi
    25. Anordnen von Objekten
    26. Automatisieren von Aufgaben mit dem Menü „Befehle“
    27. Mehrsprachiger Text
    28. Verwenden der Kamera in Animate
    29. Grafikfilter
    30. Sounds und ActionScript
    31. Zeichnungsvoreinstellungen
    32. Zeichnen mit dem Stiftwerkzeug
  7. Plattformen
    1. Konvertieren von Animate-Projekten in andere Dokumenttypen
    2. Unterstützung benutzerdefinierter Plattformen
    3. HTML5 Canvas-Dokumente in Animate erstellen und veröffentlichen
    4. Erstellen und Veröffentlichen eines WebGL-Dokuments
    5. So packen Sie Apps für AIR for iOS:
    6. Veröffentlichen von Apps für AIR for Android
    7. Veröffentlichen für Adobe AIR für den Desktop
    8. ActionScript-Veröffentlichungseinstellungen
    9. Empfohlene Verfahren – Organisieren von ActionScript in einer Anwendung
    10. So verwenden Sie ActionScript mit Animate
    11. Eingabehilfen für den Animate-Arbeitsbereich
    12. Schreiben und Verwalten von Skripts
    13. Aktivieren der Unterstützung für benutzerdefinierte Plattformen
    14. Unterstützung benutzerdefinierter Plattformen – Übersicht
    15. Arbeiten mit Plug-ins zur Unterstützung benutzerdefinierter Plattformen
    16. Debuggen von ActionScript 3.0
    17. Aktivieren der Unterstützung für benutzerdefinierte Plattformen
  8. Exportieren und Veröffentlichen
    1. So exportieren Sie Dateien aus Animate CC
    2. OAM-Veröffentlichung
    3. Exportieren von SVG-Dateien
    4. Exportieren von Grafiken und Videos mit Animate
    5. Veröffentlichen von AS3-Dokumenten
    6. Exportieren von Animationen für Apps und Game-Engines
    7. Exportieren von Sounds
    8. Empfohlene Verfahren – Tipps zum Erstellen von Inhalten für mobile Geräte
    9. Empfohlene Verfahren – Videokonventionen
    10. Empfohlene Verfahren – Authoring-Richtlinien für SWF-Anwendungen
    11. Empfohlene Verfahren – Strukturierung von FLA-Dateien
    12. Empfohlene Verfahren für die Optimierung von FLA-Dateien für Animate
    13. ActionScript-Veröffentlichungseinstellungen
    14. Veröffentlichungseinstellungen für Animate festlegen
    15. Exportieren von Projektor-Dateien
    16. Exportieren von Bildern und animierten GIF-Dateien
    17. HTML-Veröffentlichungsvorlagen
    18. Adobe Premiere Pro und After Effects
    19. Schnelles Teilen und Veröffentlichen Ihrer Animationen
  9. Fehlerbehebung
    1. Behobene Probleme
    2. Bekannte Probleme

Die Authoring-Bedienfelder im Arbeitsbereich von Animate enthalten die Steuerelemente für Authoring und Veröffentlichung. Sie können diese Steuerelemente Ihren Vorlieben entsprechend anordnen. Außerdem können Sie jedes Bedienfeld in der Größe anpassen und an eine neue Position auf dem Bildschirm ziehen. Die Popupmenüs von Animate bieten Ihnen zudem die Möglichkeit, ein Bedienfeld an einer beliebigen Position auf dem Bildschirm zu verankern, sodass es nicht verschoben wird, wenn Sie bei der Arbeit versehentlich darauf klicken. 

Animate-Bedienfelder mit der Verankerungsoption
Animate-Bedienfelder mit der Verankerungsoption

Info zum Eigenschafteninspektor

Der Eigenschafteninspektor erleichtert den Zugriff auf die am häufigsten benötigten Attribute des auf der Bühne oder in der Zeitleiste ausgewählten Elements. Dies bedeutet, dass Sie zum Ändern von Objekt- oder Dokumentattributen nicht erst die Menüs oder Bedienfelder zur Steuerung dieser Attribute aufrufen müssen.

Je nachdem, welches Element Sie ausgewählt haben, werden im Eigenschafteninspektor die Informationen und Einstellungen des aktuellen Dokuments, Textes, Symbols, Videos, Bildes oder Werkzeugs bzw. der betreffenden Form, Bitmap oder Gruppe angezeigt. Wenn Sie mehrere Objekte verschiedener Typen ausgewählt haben, zeigt der Eigenschafteninspektor die Anzahl der ausgewählten Objekte insgesamt an.

Um den Eigenschafteninspektor einzublenden, wählen Sie Fenster > Eigenschaften oder drücken Sie Strg+F3 (Windows) bzw. Befehl+F3 (Macintosh).

Die Version Animate 2020 bietet einen modernisierten Eigenschafteninspektor mit den vier Registerkarten „Werkzeug“, „Objekt“, „Bild“ und „Dokument“.  Jede Registerkarte entspricht den Eigenschaften für die aktuelle Auswahl. 

Werkzeug–  Zeigt das aktuelle ausgewählte Werkzeug an. Wenn ein Werkzeug keinen gültigen Eigenschafteninspektor hat, wird „Eigenschafteninspektor für Werkzeuge“ angezeigt und die Registerkarte „Eigenschafteninspektor für Werkzeuge“ ist deaktiviert. Diese Registerkarte bezieht sich auf die Eigenschaften des aktuell ausgewählten Werkzeugs.

Objekt – Zeigt das derzeit auf der Bühne ausgewählte Objekt an. Wenn kein Objekt ausgewählt ist, ist diese Registerkarte deaktiviert. Diese Registerkarte bezieht sich auf die Eigenschaften des aktuell ausgewählten Objekts.

Bild – Zeigt das derzeit in der Zeitleiste ausgewählte Bild an. Wenn kein Bild ausgewählt ist, ist diese Registerkarte deaktiviert. Diese Registerkarte bezieht sich auf die Eigenschaften des aktuell ausgewählten Bilds.

Dokument – Zeigt das derzeit von Ihnen bearbeitete Dokument an. Auf dieser Registerkarte werden die Eigenschaften für das aktuell geöffnete Dokument beschrieben.

Eigenschafteninspektor für Dokumente
Eigenschafteninspektor für Dokumente

Eigenschafteninspektor für Werkzeuge
Eigenschafteninspektor für Werkzeuge

Eigenschafteninspektor für Bilder
Eigenschafteninspektor für Bilder

Eigenschafteninspektor für Objekte
Eigenschafteninspektor für Objekte

Zusätzliche Eigenschaften des Eigenschaftenbedienfelds

Verschiebepunkt
Ziehbare Abschnitte

Ziehbare Abschnitte

Abschnitte des Eigenschafteninspektors sind nun verschiebbar und können neu angeordnet werden. Ein Verschiebepunkt wird angezeigt, wenn Sie mit der Maus über den verschiebbaren Abschnitt fahren.

Abschnitt für den Schnellzugriff
Abschnitt für den Schnellzugriff

Symbolleiste für den Schnellzugriff

Das Bedienfeld „Eigenschaften“ verfügt über einen neuen Abschnitt für den Schnellzugriff und einen aktualisierten Kopfzeilenabschnitt, um Modi und verwandte Funktionen sichtbar und schnell zugänglich zu machen.

Aktualisierter Kopfzeilenabschnitt
Aktualisierter Kopfzeilenabschnitt für Bitmap

Modernisierte Filtereinstellungen
Modernisierte Filtereinstellungen

Modernisierte Filtereinstellungen

Der Filterabschnitt wurde aktualisiert, um das Anwenden von Filterkombinationen zu vereinfachen. Außerdem kann die Reihenfolge der Filter geändert werden, indem ein Filter über oder unter die anderen Filter gezogen wird.  

Farbe und Stil
Farbe und Stil

Modernisierter Abschnitt „Füllung und Kontur“

  • Der Abschnitt „Füllung und Kontur“ wurde in „Farbe und Stil“ umbenannt. 
  • Alpha-Option für die Füll- und Konturfarben befinden sich nun an erster Stelle, um eine einfache Zugänglichkeit zu gewährleisten.
  • Für ein übersichtliches und reibungsloses Erlebnis wurden verhältnismäßig weniger verwendete Optionen in den Kontureinstellungen in das Ellipsensymbol für die Profiloption „Stil“ und die Option „Breite“ verschoben. Klicken Sie auf das Ellipsensymbol, um diese Optionen auszuwählen.
  • Die Optionen „Cap“ und „Joints“ sind nun einfacher zugänglich.
  • Die Option „Kontur“ und/oder „Füllung“ wird je nach dem Teil des Objekts angezeigt, der ausgewählt ist. 

Option „Tween entfernen“

Tween entfernen
Tween entfernen

Im Tween-Abschnitt gibt es nun die Möglichkeit, Tweens innerhalb des Eigenschafteninspektors zu entfernen.

Option „Inhalt abgleichen“ 

Option „Inhalt abgleichen“
Option „Inhalt abgleichen“

Die Option „Inhalt abgleichen“ ist jetzt mit einem einzigen Klick im Abschnitt der Dokumenteinstellungen verfügbar.

Aktualisierter Eigenschafteninspektor für das Kamerawerkzeug

Aktualisierte Kameraoptionen
Aktualisierte Kameraoptionen

Für die Kamera stehen jetzt alle Farbeffekte und Filter zur Verfügung

Eigenschaften der Werkzeuge „Polystar“, „Rechteck“, „Oval“, „Text“ und „Zauberstab“ aktualisiert

Das Bedienfeld „Eigenschafteninspektor“ wurde hinsichtlich der Werkzeuge „Polystar“, „Rechteck“, „Oval“, „Text“ und „Zauberstab“ modernisiert, um die Zugänglichkeit zu verbessern und für eine geordnete Benutzeroberfläche zu sorgen.

Polystar
Polystar

Statischer Text
Statischer Text

Info zum Bedienfeld „Bibliothek“

Das Bedienfeld Bibliothek (Fenster > Bibliothek) dient zum Speichern und Verwalten der in Animate erstellten Symbole sowie importierter Dateien wie Bitmapgrafiken, Sounddateien und Videoclips. Über das Bedienfeld Bibliothek können Sie Bibliothekselemente in Ordnern zusammenfassen, sehen, wie oft ein Element in einem Dokument verwendet wird, und Elemente nach Name, Typ, Datum, Verwendungszählung oder ActionScript®-Verknüpfungsbezeichner sortieren. Wenn Sie z. B. ein animiertes GIF importieren, wird im Stammordner ein Unterordner mit dem Namen „GIF“ erstellt, in den die Datei platziert wird. Sie können das Bedienfeld Bibliothek auch durchsuchen, indem Sie einen Symbol- oder Verknüpfungsnamen in das Suchfeld eingeben und Eigenschaften für die meisten Auswahlen mit mehreren Objekten festlegen.

Das Bedienfeld „Bibliothek“ wird mit einem ausgewählten Audioclip angezeigt
Das Bedienfeld „Bibliothek“ wird mit einem ausgewählten Audioclip angezeigt

Info zum Bedienfeld „Aktionen“

Im Bedienfeld „Aktionen“ können Sie ActionScript-Code für ein Objekt oder Bild erstellen und bearbeiten. Es wird automatisch aufgerufen, wenn Sie eine Bild-, Schaltflächen- oder Clipinstanz auswählen. Je nachdem, welchen Instanztyp Sie ausgewählt haben, lautet die Bezeichnung in der Titelleiste des Bedienfelds „Aktionen - Schaltfläche“, „Aktionen - Movieclip“ oder „Aktionen - Bild“.

Das Bedienfeld „Aktionen“ mit einer Aktion „stop()“ in einem Bild.
Das Bedienfeld „Aktionen“ mit einer Aktion „stop()“ in einem Bild.

Sie können das Bedienfeld Aktionen aufrufen, indem Sie Fenster > Aktionen auswählen oder F9 drücken. Weitere Informationen zum Bedienfeld „Aktionen“ finden Sie unter Aktionenbedienfeld – Übersicht.

Verwenden des Film-Explorers (in Animate nicht mehr enthalten)

Mit dem Film-Explorer können Sie den Inhalt eines Dokuments einsehen und organisieren und darin enthaltene Elemente für die weitere Bearbeitung auswählen. Er enthält eine hierarchisch gegliederte Anzeigeliste der im Dokument verwendeten Elemente.

Mit dem Film-Explorer können Sie die folgenden Aktionen ausführen:

  • filtern, welche der im Dokument enthaltenen Elementkategorien im Film-Explorer angezeigt werden

  • die ausgewählten Kategorien wahlweise als Szenen und/oder als Symboldefinitionen anzeigen

  • die verschiedenen Bereiche des Navigationsbaums ein- und auszublenden

  • Dokumente nach dem Namen eines bestimmten Elements durchsuchen

  • Untersuchen Sie die Struktur eines von einem anderen Entwickler erstellten Animate-Dokuments.

  • alle Instanzen eines bestimmten Symbols oder einer bestimmten Aktion suchen.

  • die im Film-Explorer dargestellte navigierbare Anzeigeliste ausdrucken

Der Film-Explorer verfügt über ein Bedienfeldmenü sowie über ein Kontextmenü mit Optionen zum Bearbeiten ausgewählter Elemente oder Ändern der Film-Explorer-Anzeige. Das Bedienfeldmenü im Film-Explorer ist mit einem Häkchen und einem Dreieck gekennzeichnet.

Hinweis:

Bei der Arbeit mit Bildschirmen verfügt der Film-Explorer über abweichende Funktionen.

Anzeigen des Film-Explorers

  1. Wählen Sie Fenster > Film-Explorer.

Filtern der im Film-Explorer angezeigten Elementkategorien

  • Zum Anzeigen von Text, Symbolen, ActionScript, importierten Dateien oder Bildern und Ebenen klicken Sie auf die entsprechenden Schaltflächen im Bereich „Anzeigen“. Mithilfe der Schaltfläche „Anpassen“ können Sie festlegen, welche Elemente der ausgewählten Kategorien jeweils angezeigt werden. Um diese Elemente anzuzeigen, wählen Sie Optionen im Bereich Anzeigen des Dialogfelds Einstellungen Film-Explorer.

  • Wählen Sie im Bedienfeldmenü des Film-Explorers die Option Filmelemente anzeigen, um die in den einzelnen Szenen verwendeten Elemente anzuzeigen.

  • Wählen Sie im Bedienfeldmenü des Film-Explorers die Option „Symboldefinitionen anzeigen“, um Informationen zu Symbolen anzuzeigen.

Hinweis:

Die Optionen Filmelemente anzeigen und Symboldefinitionen anzeigen können beide gleichzeitig aktiviert werden.

Suchen nach einem Element mit dem Feld „Suchen“

  1. Geben Sie den Elementnamen, den Schriftnamen, die ActionScript-Zeichenfolge oder die Bildnummer in das Feld „Suchen“ ein. Die Suche bezieht sich auf alle Elemente, die im Film-Explorer angezeigt werden.

Auswählen eines Elements im Film-Explorer

  1. Klicken Sie im Navigationsbaum auf das gewünschte Element. Wenn Sie weitere Elemente auswählen möchten, klicken Sie bei gedrückter Umschalttaste auf die entsprechenden Einträge.

    In der Statuszeile am unteren Rand des Film-Explorers wird der vollständige Pfad des ausgewählten Elements angezeigt. Wenn Sie im Film-Explorer eine Szene auswählen, wird das erste Bild dieser Szene auf der Bühne dargestellt. Wenn Sie ein Element auswählen, wird dieses auf der Bühne hervorgehoben und aktiviert, sofern seine Ebene nicht gesperrt ist.

Verwenden der Befehle im Bedienfeld- bzw. Kontextmenü des Film-Explorers

  1. Führen Sie einen der folgenden Schritte aus:
    • Klicken Sie im Bedienfeld „Film-Explorer“ auf die Schaltfläche des Bedienfeldmenüs, um das Optionsmenü aufzurufen.

    • Klicken Sie mit der rechten Maustaste (Windows) bzw. bei gedrückter Ctrl-Taste (Macintosh) auf ein Element im Navigationsbaum des Film-Explorers, um das Kontextmenü aufzurufen.

  2. Wählen Sie eine der folgenden Optionen:

    Gehe zu Stelle

    Wählen Sie diese Option, um direkt zur ausgewählten Ebene oder Szene bzw. zum ausgewählten Bild im Dokument zu springen.

    Gehe zu Symboldefinition

    Wählen Sie diese Option, um direkt zur Symboldefinition des Symbols zu springen, das im Bereich „Filmelemente“ des Film-Explorers ausgewählt ist. Die Symboldefinition enthält eine Liste aller mit dem Symbol verknüpften Dateien. (Hierfür muss die Option „Symboldefinitionen anzeigen“ aktiviert sein. Die Definition finden Sie in dieser Liste.)

    Symbolinstanzen auswählen

    Wählen Sie diese Option, um direkt zu der Szene zu springen, die Instanzen des Symbols enthält, das im Bereich „Symboldefinitionen“ des Film-Explorers ausgewählt ist. (Hierfür muss die Option „Filmelemente anzeigen“ aktiviert sein.)

    In Bibliothek anzeigen

    Wählen Sie diese Option, um das ausgewählte Symbol in der Bibliothek des Dokuments hervorzuheben. (Das Bedienfeld „Bibliothek“ wird in Animate gegebenenfalls automatisch geöffnet.)

    Umbenennen

    Wählen Sie diese Option, um dem ausgewählten Element einen neuen Namen zuzuweisen.

    An Position bearbeiten

    Wählen Sie diese Option, um das ausgewählte Symbol auf der Bühne zu bearbeiten.

    In neuem Fenster bearbeiten

    Wählen Sie diese Option, um ein Symbol in einem neuen Fenster zu bearbeiten.

    Filmelemente anzeigen

    Wählen Sie diese Option, um die in Ihrem Dokument verwendeten Elemente nach Szenen geordnet anzuzeigen.

    Symboldefinitionen anzeigen

    Wählen Sie diese Option, um alle mit einem Symbol verknüpften Elemente anzuzeigen.

    Gesamten Text in Zwischenablage kopieren

    Wählen Sie diese Option, um den ausgewählten Text in die Zwischenablage zu kopieren. Anschließend können Sie den Text aus der Zwischenablage in einen externen Texteditor übernehmen, um ihn auf Rechtschreibfehler zu überprüfen oder auf andere Weise zu bearbeiten.

    Ausschneiden, Kopieren, Einfügen und Löschen

    Wählen Sie eine dieser Optionen, um die entsprechende Standardfunktion auf das ausgewählte Element anzuwenden. Alle Änderungen, die Sie an einem Element in der Anzeigeliste vornehmen, werden für das entsprechende Element im Dokument übernommen.

    Verzweigung einblenden

    Wählen Sie diese Option, um den entsprechenden Abschnitt des Navigationsbaums zu erweitern und die untergeordneten Elemente einzublenden.

    Verzweigung ausblenden

    Wählen Sie diese Option, um die untergeordneten Elemente im entsprechenden Abschnitt des Navigationsbaums auszublenden.

    Andere ausblenden

    Wählen Sie diese Option, um die untergeordneten Elemente in allen anderen Abschnitten des Navigationsbaums auszublenden.

    Drucken

    Wählen Sie diese Option, um die hierarchische Anzeigeliste in der jeweils im Film-Explorer dargestellten Form auszudrucken.

Verwenden von Animate-Komponenten und des Bedienfelds „Komponenten“

Eine Komponente in Animate ist ein wiederverwendbares, verpacktes Modul, das einem Animate-Dokument eine bestimmte Fähigkeit hinzufügt. Komponenten können Grafiken und Code enthalten. Diese vordefinierten Funktionen können Sie unkompliziert in Animate-Projekte einbinden. Bei einer Komponente kann es sich zum Beispiel um ein Optionsfeld handeln, um ein Dialogfeld oder um einen Fortschrittsbalken. Komponenten können aber auch Elemente ohne Grafik sein, zum Beispiel ein Timer, ein Dienstprogramm für Serververbindungen oder ein benutzerdefinierter XML-Parser.

Wenn Sie mit dem Schreiben von ActionScript-Code weniger vertraut sind, können Sie einem Dokument Komponenten hinzufügen, deren Parameter im Eigenschafteninspektor oder im Komponenteninspektor festlegen und die entsprechenden Ereignisse im Bedienfeld „Verhalten“ verarbeiten. Beispielsweise könnten Sie einer Schaltflächen-Komponente das Verhalten „Gehe zu Webseite“ zuweisen. Ein Klick auf diese Schaltfläche kann eine URL in einem Webbrowser öffnen, ohne dass dazu ActionScript-Code geschrieben werden muss.

Wenn Sie allerdings robuste Anwendungen programmieren möchten, können Sie Komponenten dynamisch erstellen, ActionScript zum Festlegen von Eigenschaften und zum Aufrufen von Methoden zur Laufzeit einsetzen und das Listener-Ereignismodell zum Verarbeiten von Ereignissen verwenden.

Einfügen von Komponenten mit dem Bedienfeld „Komponenten“

Wenn Sie eine Komponente zum ersten Mal einem Dokument hinzufügen, importiert Animate sie als Movieclip in das Bedienfeld „Bibliothek“. Sie können eine Komponente aus dem Bedienfeld „Komponenten“ auch direkt in das Bedienfeld „Bibliothek“ ziehen und der Bühne dann Instanzen der Komponente hinzufügen. In jedem Fall muss die Komponente der Bibliothek hinzugefügt werden, bevor Sie auf die Klassenelemente der Komponente zugreifen können.

  1. Wählen Sie Fenster > Komponenten.

  2. Wählen Sie im Bedienfeld „Komponenten“ eine Instanz einer Komponente aus und ziehen Sie sie auf die Bühne oder in die Bibliothek. Nachdem Sie eine Komponente der Bibliothek hinzugefügt haben, können Sie mehrere Instanzen der Komponente auf die Bühne ziehen.
  3. Konfigurieren Sie die Komponente nach Bedarf mit dem Eigenschafteninspektor der dem Komponenteninspektor. Informationen zu den Parametern, die die Komponente verwendet, finden Sie in der Komponentendokumentation für die ActionScript-Version, die Sie im Animate-Dokument verwenden.

Verwenden des Bedienfelds „Komponentenparameter“

Animate-Designer können ihre externen Komponenten in Animate importieren und sie zum Erstellen von Animationen verwenden. Um diesen Arbeitsablauf zu vereinfachen, stellt Animate den Bereich mit Komponentenparametern als Bedienfeld bereit. Mit dieser Funktion können Sie die Größe des Bedienfelds anpassen oder dieses in der Staging-Umgebung von Animate verschieben. Sie können die Position des Bedienfelds auch fixieren, indem Sie in der oberen rechten Ecke des Bedienfelds auf das Hamburger-Symbol klicken. Wählen Sie im Menü die Option zum Sperren aus.

Um dieses Bedienfeld zu öffnen, klicken Sie im Eigenschafteninspektor auf die Schaltfläche Parameter anzeigen oder verwenden Sie Fenster > Komponentenparameter. Sie können im Dialogfeld für die Parameter Werte hinzufügen.

Schaltfläche „Parameter anzeigen“
Schaltfläche „Parameter anzeigen“

Bedienfeld „Komponentenparameter“
Bedienfeld „Komponentenparameter“

Darüber hinaus können Entwickler von benutzerdefinierten HTML5-Komponenten jetzt HTML-/CSS-basierte Benutzeroberflächen für ihre Parameter nutzen.

Info zum Bedienfeld „Web Services“

(In Animate veraltet) Über das Bedienfeld „Web Services“ können Sie eine Liste der Web Services anzeigen sowie Web Services aktualisieren, hinzufügen und entfernen. Klicken Sie auf Fenster > Andere Bedienfelder > Web Services. Nachdem Sie einen Web Service zum Bedienfeld „Web Services“ hinzugefügt haben, ist der Web Service für die von Ihnen erstellten Anwendungen verfügbar.

Klicken Sie im Bedienfeld „Web Services“ auf die Schaltfläche Web Services aktualisieren, um alle von Ihnen verwendeten Web Services gleichzeitig zu aktualisieren. Wenn Sie nicht die Bühne nutzen, sondern ActionScript-Code schreiben, können Sie die Web Services mithilfe des Bedienfelds „Web Services“ verwalten.

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?