Überlegen Sie sich, welcher Schaltflächentyp am besten für Ihre Anforderungen geeignet ist.
Schaltflächensymbol
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.
Movieclipschaltfläche
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. Nutzen Sie die folgenden Ressourcen, um das Erstellen einer Schaltfläche mit einem Movieclipsymbol zu lernen:
Tutorial: Movie Clip Buttons (ActionScript 3.0, Schoolofflash.com)
Video: Creating a Movie Clip Button (ActionScript 2.0, Kirupa.com)
ActionScript-Schaltflächenkomponente
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. Weitere Informationen finden Sie unter Verwenden der Button-Komponente in Verwenden von Adobe ActionScript 3.0-Komponenten. Beispiele für die Verwendung von Button-Komponenten finden Sie unter AS3 Button Component Quick Start.
ActionScript 2.0-Schaltflächenkomponenten können nicht angepasst werden. Die Komponente ermöglicht Zustandsänderungen. Ausführliche Informationen finden Sie unter Button-Komponente verwenden.
Bild „Aktiv“
Der Bereich, der reagiert, wenn der Benutzer darauf klickt. Die Definition des Bildes „Aktiv“ ist optional. Wenn Ihre Schaltfläche klein ist oder ihr Grafikbereich nicht angrenzend ist, kann es hilfreich sein, dieses Bild zu definieren.
Der Inhalt des Bildes „Aktiv“ ist während der Wiedergabe auf der Bühne nicht sichtbar.
Die Grafik für das Bild „Aktiv“ ist eine durchgehende Fläche, die so groß ist, dass sie sämtliche Grafikelemente der Bilder „Auf“, „Gedrückt“ und „Darüber“ umfasst.
Wenn Sie kein Bild „Aktiv“ angeben, wird das Bild 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 das Bild „Aktiv“ an eine andere Stelle als die Grafiken für die anderen Schaltflächenbilder.
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.
Hinweis:
ActionScript 2.0 ist nicht kompatibel mit ActionScript 3.0. Wenn Ihre Flash-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.
Wenn Sie eine interaktive Schaltfläche einbinden möchten, platzieren Sie eine Instanz des Schaltflächensymbols auf der Bühne und weisen ihr die gewünschten Aktionen zu. Sie weisen die Aktionen der Hauptzeitleiste der FLA-Datei zu. Fügen Sie die Aktionen nicht der Zeitleiste des Schaltflächensymbols hinzu. Um der Schaltflächenzeitleiste Aktionen hinzuzufügen, verwenden Sie stattdessen eine Movieclipschaltfläche.
Geben Sie im Dialogfeld „Neues Symbol erstellen“ einen Namen ein. Wählen Sie als Symboltyp „Schaltfläche“ aus.
Flash Pro wechselt in den Symbolbearbeitungsmodus. In der Zeitleiste werden vier aufeinander folgende Bilder namens „Auf“, „Darüber“, „Gedrückt“ und „Aktiv“ angezeigt. Beim ersten Bild mit der Bezeichnung „Auf“ handelt es sich um ein leeres Schlüsselbild.
Um das Bild für den Auf-Zustand der Schaltfläche zu erstellen, wählen Sie in der Zeitleiste das Bild 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.
Um einem Zustand der Schaltfläche einen Sound hinzuzufügen, wählen Sie das Bild 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.
Um die Funktionalität einer Schaltfläche zu testen, wählen Sie „Steuerung“ > „Film testen“ > „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“ > „Film testen“ > „Testen“ zu verwenden.
Video: Creating Buttons (Länge: 9:16, tv.adobe.com)
Video: Button symbols and interactivity in Flash CS4 (Etwas ActionScript 3.0, tv.adobe.com)
Tutorial: Button symbols in Flash (Etwas ActionScript 3.0, Kirupa.com)
Beispiel: Animationen-Mustermappe (Flash Professional) (Adobe.com)
Beispiel: ActionScript 3.0 for a button to open a web page (Flashthusiast.com)
Beispiel: ActionScript 2.0 für eine Schaltfläche zum Öffnen einer Webseite (Adobe.com)
Beispiel: ActionScript 3.0 for buttons to jump to different scenes in the Timeline (Flashthusiast.com)
Beispiel: ActionScript 3.0 for multiple buttons on the Stage at the same time (Flashthusiast.com)
TechNote: How to create a simple button (Adobe.com)
Standardmäßig sind Schaltflächen in Flash Pro deaktiviert, wenn Sie sie erstellen. Wählen Sie eine Schaltfläche aus und aktivieren Sie sie, um zu sehen, ob sie auf Mausereignisse reagiert. Es hat sich bewährt, Schaltflächen während der Arbeit zu deaktivieren und nur zu aktivieren, um schnell ihr Verhalten zu testen.
Um eine Schaltfläche auszuwählen, zeichnen Sie mit dem Auswahlwerkzeug ein Auswahlrechteck um die Schaltfläche.
Um Schaltflächen auf der Bühne zu aktivieren oder zu deaktivieren, wählen Sie „Steuerung“ > „Schaltflächen aktivieren“. Dieser Befehl schaltet zwischen den beiden Zuständen hin und her.
Zum Verschieben einer Schaltfläche können Sie die Pfeiltasten verwenden.
Zum Bearbeiten einer Schaltfläche verwenden Sie den Eigenschafteninspektor. Falls dieser nicht sichtbar ist, wählen Sie „Fenster“ > „Eigenschaften“.
Um die Schaltfläche in der Authoringumgebung zu testen, wählen Sie „Steuerung“ > „Schaltflächen aktivieren“.
Um die Schaltfläche in Flash Player zu testen, wählen Sie „Steuerung“ > „Film testen“ [oder „Szene testen“] > „Testen“. Dies ist die einzige Methode, um Movieclipschaltflächen zu testen.
Um die Schaltfläche im Vorschaufenster der Bibliothek zu testen, wählen Sie die Schaltfläche in der Bibliothek aus und klicken Sie auf „Abspielen“.
TechNote: Button actions are not working (Adobe.com)
TechNote: Button hotspots are active even though the buttons are covered with other objects (Adobe.com)
TechNote: Adding actions to shared buttons (Adobe.com)
Video: Troubleshooting ActionScript 2.0 button symbols (Kirupa.com)
TechNote: How to create a new button (Adobe.com)
TechNote: Creating advanced buttons (Adobe.com)
TechNote: How to create a roll-out animation for a button (Adobe.com)
TechNote: How to create a reset button (Adobe.com)
TechNote: How can one button do different things at different times? (Adobe.com)
TechNote: How to make a 'Back' button in a SWF file (Adobe.com)
Twitter™- und Facebook-Beiträge fallen nicht unter die Bestimmungen von Creative Commons.