So erstellen Sie in Animate Schaltflächen

Überlegen Sie sich, welcher Schaltflächentyp am besten für Ihre Anforderungen geeignet ist.

Die meisten Benutzer wählen Schaltflächensymbole wegen ihrer Flexibilität. Schaltflächensymbole enthalten eine spezielle interne Zeitleiste für die Zustände der Schaltfläche. Sie können unkompliziert optisch unterschiedliche Zustände für die normale Schaltfläche („Auf“), die gedrückte Schaltfläche („Gedrückt“) und die Schaltfläche beim Darüberbewegen der Maus („Darüber“) erstellen. Schaltflächensymbole ändern ihren Status automatisch in Reaktion auf Benutzeraktionen.

Sie können ein Movieclipsymbol verwenden, um anspruchsvolle Schaltflächeneffekte zu erstellen. Movieclipsymbole können beinahe jede Art von Inhalt enthalten, auch Animationen. Movieclipsymbole haben jedoch keine integrierten Auf-, Gedrückt- und Darüber-Zustände. Sie erstellen diese Zustände mithilfe von ActionScript selbst. Ein Nachteil ist, dass Movieclipdateien größer als Schaltflächendateien sind. 

Verwenden Sie eine Schaltflächenkomponente, wenn Sie lediglich eine Standardschaltfläche oder eine Schaltfläche mit Umschaltfunktion benötigen und keine größeren Anpassungen vornehmen möchten. Sowohl in ActionScript 2.0 als auch in 3.0 enthalten Schaltflächenkomponenten integrierten Code, der Zustandsänderungen ermöglicht. Sie brauchen das Aussehen und Verhalten der Schaltflächenzustände also nicht selbst zu definieren. Ziehen Sie die Komponente einfach auf die Bühne.

• ActionScript 3.0-Schaltflächenkomponenten ermöglichen in bestimmten Umfang Anpassungen. Sie können die Schaltfläche an andere Komponenten binden und Anwendungsdaten gemeinsam nutzen und anzeigen. Sie verfügen über integrierte Funktionen wie zum Beispiel Unterstützung von Eingabehilfen. Es stehen Button-, RadioButton- und CheckBox-Komponenten zur Verfügung. 

• ActionScript 2.0-Schaltflächenkomponenten können nicht angepasst werden. Die Komponente ermöglicht Statusänderungen. 

Definieren Sie die Schaltflächenzustände.

Das Aussehen der Schaltfläche, wenn der Benutzer nicht damit interagiert.

Das Aussehen der Schaltfläche, kurz bevor der Benutzer sie auswählt.

Das Aussehen der Schaltfläche, wenn der Benutzer sie auswählt.

Der Bereich, der reagiert, wenn der Benutzer darauf klickt. Die Definition des Frames „Aktiv“ ist optional. Wenn Ihre Schaltfläche klein ist oder ihr Grafikbereich nicht angrenzend ist, kann es hilfreich sein, diesen Frame Bild zu definieren.

• Der Inhalt des Frames „Aktiv“ ist während der Wiedergabe auf der Bühne nicht sichtbar.

• Die Grafik für den Frame „Aktiv“ ist eine durchgehende Fläche, die so groß ist, dass sie sämtliche Grafikelemente der Frames „Auf“, „Gedrückt“ und „Darüber“ umfasst.

• Wenn Sie keinen Frame „Aktiv“ angeben, wird der Frame für den Zustand „Auf“ verwendet.

  Sie können eine Schaltfläche erstellen, die darauf reagiert, wenn auf eine andere Stelle der Bühne geklickt wird oder der Mauszeiger über eine andere Stelle geführt wird (auch „versetztes Rollover“ genannt). Platzieren Sie die Grafik für den Frame „Aktiv“ an eine andere Stelle als die Grafiken für die anderen Schaltflächenframes.

Verknüpfen Sie eine Aktion mit der Schaltfläche.

Damit etwas passiert, wenn der Benutzer eine Schaltfläche auswählt, fügen Sie der Zeitleiste ActionScript-Code hinzu. Platzieren Sie den ActionScript-Code in denselben Bildern wie die Schaltflächen. Das Bedienfeld „Codefragmente“ verfügt über vorprogrammierten ActionScript 3.0-Code für zahlreiche gebräuchliche Einsatzmöglichkeiten von Schaltflächen. Weitere Informationen finden Sie unter Hinzufügen von Interaktivität mithilfe von Codefragmenten.

 ActionScript 2.0 ist nicht kompatibel mit ActionScript 3.0. Wenn Ihre Animate-Version ActionScript 3.0 verwendet, können Sie keinen ActionScript 2.0-Code in Ihre Schaltfläche einfügen (und umgekehrt). Überprüfen Sie deshalb, ob die Versionen kompatibel sind, bevor Sie ActionScript-Code aus einer anderen Quelle in Ihre Schaltflächen einfügen.

Wählen Sie „Bearbeiten“ > „Auswahl aufheben“ oder klicken Sie auf einen leeren Bereich der Bühne, um sicherzustellen, dass nichts auf der Bühne ausgewählt ist.

Wählen Sie „Einfügen“ > „Neues Symbol“.

Geben Sie im Dialogfeld „Neues Symbol erstellen“ einen Namen ein. Wählen Sie als Symboltyp „Schaltfläche“ aus.

Animate wechselt in den Symbolbearbeitungsmodus. In der Zeitleiste werden vier aufeinander folgende Frames namens „Auf“, „Darüber“, „Gedrückt“ und „Aktiv“ angezeigt. Beim ersten Frame mit der Bezeichnung „Auf“ handelt es sich um einen leeren Keyframe.

Um den Frame für den Auf-Zustand der Schaltfläche zu erstellen, wählen Sie in der Zeitleiste den Frame mit der Bezeichnung „Auf“. Verwenden Sie die Zeichenwerkzeuge, importieren Sie eine Grafik oder platzieren Sie eine Instanz eines anderen Symbols auf der Bühne.

Sie können Grafiksymbole oder Movieclip-Symbole innerhalb einer Schaltfläche verwenden, aber kein anderes Schaltflächensymbol.

Klicken Sie in der Zeitleiste auf den Frame „Darüber“ und wählen Sie dann „Einfügen“ > „Zeitleiste“ > „Keyframe“.

Animate fügt ein Schlüsselbild ein und übernimmt dessen Inhalt aus dem vorhergehenden Bild „Auf“.

Achten Sie darauf, dass der Frame „Darüber“ noch ausgewählt ist. Ändern oder bearbeiten Sie das Schaltflächenbild auf der Bühne, um das gewünschte Aussehen für den Status „Darüber“ zu erzielen.

Wiederholen Sie die Schritte 5 und 6 für den Frame „Gedrückt“ und den optionalen Frame „Aktiv“.

Um einem Zustand der Schaltfläche einen Sound hinzuzufügen, wählen Sie den Frame dieses Zustands in der Zeitleiste aus und wählen Sie „Fenster“ > „Eigenschaften“. Wählen Sie dann einen Sound im Menü „Sound“ des Eigenschafteninspektors aus. Nur bereits importierte Sounds werden im Menü „Sound“ angezeigt.

Wenn Sie fertig sind, wählen Sie „Bearbeiten“ > „Dokument bearbeiten“. Animate zeigt die Hauptzeitleiste der FLA-Datei wieder an. Um eine Instanz der auf der Bühne erstellten Schaltfläche zu erstellen, ziehen Sie das Schaltflächensymbol aus dem Bedienfeld „Bibliothek“ auf die Bühne.

Um die Funktionalität einer Schaltfläche zu testen, wählen Sie „Steuerung“ > „Testen“. Eine Vorschau der verschiedenen Zustände eines Schaltflächensymbols auf der Bühne sehen Sie auch mit „Steuerung“ > „Schaltflächen aktivieren“. Mit diesem Befehl können Sie die Zustände „Auf“, „Darüber“ und „Gedrückt“ eines Schaltflächensymbols überprüfen, ohne „Steuerung“ > „Testen“ zu verwenden.