Fügen Sie der Schaltfläche für die Umschlaganimation ActionScript hinzu

• April 27, 2024

In den letzten Tutorials haben wir die Animation beendet, bei der der Umschlag in die Mitte der Bühne geflogen ist, und unseren unsichtbaren Knopf über dem Stempel auf dem Umschlag angebracht. Jetzt müssen Sie für die erste Hälfte der Animation nur noch ein paar Zeilen ActionScript zu unserer Schaltfläche hinzufügen. Dieser Code weist Flash an, die Animation in Frame 80 einfach anzuhalten und auf die Schaltfläche zu warten, auf die geklickt werden soll. Wenn Sie auf die Schaltfläche klicken, verschiebt das ActionScript die Animation auf Frame 81 und die zweite Hälfte der Animation. Natürlich müssen wir den Rest der Animation noch erstellen, aber im Moment werden wir an dem Code arbeiten, mit dem unsere Schaltfläche die Timeline steuert.

Öffnen Sie unsere Fla-Datei in Flash CS3. Zu diesem Zeitpunkt haben wir 80 Frames auf der Timeline. Wir werden in diesem Tutorial an Frame 80 arbeiten.

1. Entsperren Sie die Ebenen "Aktionen" und "InvButton". Klicken Sie in Frame 80 der Ebene "Aktionen" mit der rechten Maustaste und fügen Sie einen Keyframe hinzu. Klicken Sie in der Menüleiste auf Fenster, Aktionen, um das Bedienfeld Aktionen zu öffnen.
   
   
2. Fügen Sie dem Bedienfeld Aktionen den folgenden Code hinzu.
   
   halt();
   
   InvButton1.addEventListener (MouseEvent.CLICK, open_Env);
   
   Funktion open_Env (myevent: Event): void {
   InvButton1.removeEventListener (MouseEvent.CLICK, open_Env);
   abspielen();
   }
   
   Wie Sie sehen können, besteht dieser Code aus drei Teilen. Wir fügen zuerst den stop () - Code hinzu, um die Animation zu stoppen, und warten, bis auf die Schaltfläche geklickt wird. Da sich der Code in Frame 80 befindet, wird die Animation dort gestoppt.
   
   Als Nächstes fügen wir der InvButton1-Instanz unserer unsichtbaren Stempelschaltfläche einen EventListener hinzu. Dieser EventListener wartet auf den Mausklick auf die Schaltfläche und ruft dann die Funktion open_Env auf.
   
   Die open_Env-Funktion macht zwei Dinge. Zuerst wird der EventListener entfernt und dann die Animation mit dem play () - Code in Frame 81 verschoben.
   
   
3. Nachdem Sie das Aktionsskript zum Bedienfeld „Aktionen“ hinzugefügt haben, können Sie das Bedienfeld „Aktionen“ schließen.
   
   
4. Wie Sie sehen können, haben wir dies alles in Frame 80 getan. Klicken Sie auf Steuerung, Film testen, um die Schaltfläche zu testen. Sie werden sehen, dass die Animation nach Frame 80 nicht wie zuvor automatisch zum Anfang der Timeline zurückkehrt. Jetzt stoppt unser Film und wartet darauf, dass jemand auf die Schaltfläche klickt. Dies liegt daran, dass wir jetzt die Zeitleiste mit dem ActionScript steuern.
   
   

Speichern Sie Ihre Fla-Datei für das nächste Tutorial, wenn wir mit der Arbeit an der zweiten Hälfte der Umschlaganimation beginnen.

Copyright 2018 Adobe Systems Incorporated. Alle Rechte vorbehalten. Screenshots von Adobe-Produkten mit Genehmigung von Adobe Systems Incorporated. Adobe, Photoshop, Photoshop-Album, Photoshop-Elemente, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere-Elemente, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst und Flash Paper ist / sind entweder [eine] eingetragene Marke (n) oder eine Marke (n) von Adobe Systems Incorporated in den USA und / oder anderen Ländern.

Video-Anleitungen: Fügen Sie die Schaltfläche Summe auf der Symbolleiste für den Schnellzugriff ein und stellen Sie... (April 2024).