Benutzerhandbuch Abbrechen

Codefragmente für benutzerdefinierte Komponenten

Suchen
Animate

Animate

App öffnen
  • Adobe Animate-Benutzerhandbuch
    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
    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
  • 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
    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
    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
    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
    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
    1. Behobene Probleme
    2. Bekannte Probleme
    1. Adobe Animate-Benutzerhandbuch
      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
      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
      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
      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
      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
      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
      1. Behobene Probleme
      2. Bekannte Probleme

    In diesem Artikel können Sie sich mit den Codefragmenten für benutzerdefinierte Komponenten vertraut machen.

    Sie können Ihren benutzerdefinierten Komponenten Codefragmente hinzufügen, um die Interaktion mit der Komponente zu ermöglichen. Wir wollen hier zwei Beispiele aus Animate evaluieren. Die neuen Codefragmente werden unter „HTML5 Canvas“ > „Komponenten“ hinzugefügt.

    1. Codefragment zum Verknüpfen einer Klickprozedur mit einer Schaltfläche

      // Deaktiviert mehrere Handler, da diese in Frame-Skripten verwendet werden können
      if(!this.instance_name_here_click_cbk) {
      Funktion instance_name_here_click(evt) {
      // Benutzerdefinierten Code starten
      console.log("Button clicked");
      // Benutzerdefinierten Code beenden
      }
      // Fügt dem übergeordneten Element einen Ereignishandler mit dem Filter als
      // ID der Komponenteninstanz hinzu
      $("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this));
      this.instance_name_here_click_cbk = true;
      }
      // Deaktiviert mehrere Handler, da diese in Frame-Skripten verwendet werden können if(!this.instance_name_here_click_cbk) { Funktion instance_name_here_click(evt) { // Benutzerdefinierten Code starten console.log("Button clicked"); // Benutzerdefinierten Code beenden } // Fügt dem übergeordneten Element einen Ereignishandler mit dem Filter als // ID der Komponenteninstanz hinzu $("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this)); this.instance_name_here_click_cbk = true; }
      // Deaktiviert mehrere Handler, da diese in Frame-Skripten verwendet werden können
if(!this.instance_name_here_click_cbk) {
 Funktion instance_name_here_click(evt) {
  // Benutzerdefinierten Code starten
  console.log("Button clicked");
  // Benutzerdefinierten Code beenden
 }

 // Fügt dem übergeordneten Element einen Ereignishandler mit dem Filter als 
 // ID der Komponenteninstanz hinzu
$("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this));
 this.instance_name_here_click_cbk = true;
}

      Beachten Sie, dass der Handler an das übergeordnete Objekt angehängt wird (dom_overlay_container) und der Filter für die Komponenteninstanz festgelegt ist. Dies ist wichtig, da die Komponenteninstanz möglicherweise nicht vorhanden ist, wenn Sie versuchen, den Handler anzuhängen. Dadurch wird sichergestellt, dass die Ereignisprozeduren richtig ausgeführt werden.

      Sie können die Ereignisprozeduren für Ihre benutzerdefinierten Komponenten auf ähnliche Weise bereitstellen.

    2. Codefragment zum Abrufen eines Wertes aus einer Eingabesteuerung

      console.log($("#instance_name_here").val());
      console.log($("#instance_name_here").val());
      console.log($("#instance_name_here").val());

    3. Codefragment zum Verknüpfen der Komponenteninstanz mit DOM

      // Überwachen des angefügten Ereignisses, ausgelöst von der Komponentenlaufzeit
      $("#dom_overlay_container").on("attached", function(evt, param) {
      // Überprüfen der ID der Instanz
      if(param && param.id == 'movieClip_1') {
      $("#movieClip_1").text("My Button");
      }
      });
      // Überwachen des angefügten Ereignisses, ausgelöst von der Komponentenlaufzeit $("#dom_overlay_container").on("attached", function(evt, param) { // Überprüfen der ID der Instanz if(param && param.id == 'movieClip_1') { $("#movieClip_1").text("My Button"); } });
      // Überwachen des angefügten Ereignisses, ausgelöst von der Komponentenlaufzeit

$("#dom_overlay_container").on("attached", function(evt, param) {           
// Überprüfen der ID der Instanz 
if(param && param.id == 'movieClip_1') {                           

$("#movieClip_1").text("My Button");                          
}
});

    Mehr

    Schneller und einfacher Hilfe erhalten

    Neuer Benutzer?

    Hilfreiche Links

    Alle Abos anzeigen Abos verwalten
    Hilfreiche Links einblenden
    Hilfreiche Links ausblenden

    Rechtliche Hinweise |  Online-Datenschutzrichtlinie