Movieclip Symbole Komponenten Flash-Animation , die Sie innerhalb einer Flash-Animation wiederverwenden können, sind. Sie haben ihre eigene Zeitleiste, die unabhängig funktioniert der Zeitleiste des Films. Alle Objekte , wie zum Beispiel animierte Buttons , die von ActionScript gesteuert werden, müssen in Movieclipsymbole umgewandelt werden und über eine Instanz Namen. Diese Instanz Name wird in ActionScript-Code genannt und hier können Sie das Objekt in den Hauptfilm zu animieren. Anleitung
1
öffnen Flash. Verwenden Sie den Platz Werkzeug , um ein Rechteck auf der Bühne zu schaffen. Verwenden Sie das Text-Werkzeug , um ein Etikett darüber gelegt mit dem Namen "Button . "
2
Wählen Sie die beiden Grafiken . Drücken Sie F8 . Wählen Sie "Movie Clip" in der "Neues Symbol " pop -up-Fenster . Eingang "Button" im Feld "Name" .
3
Wählen Sie den Film - Clip "Button . " Gehen Sie auf die Properties Inspector , die unter der Bühne ist . Eingang eine Instanz Namen " my_button . "
4
Doppelklicken Sie auf Film - Clip auf der Zeitleiste zu aktivieren. Legen Sie eine neue Ebene, indem Sie auf den Layer- Symbol , ist die unter der Timeline. Das Symbol ähnelt einer Seite mit einer unteren Ecke upturned . Nennen Sie es " Labels . " Legen Sie eine zweite Schicht und nennen Sie es " Aktionen ".
5
Verwenden Sie das Auswahl-Werkzeug , um auf der Bühne einmal klicken . Dies wird deaktivieren der Schaltfläche Grafik. Auf das Rechteck mit der rechten Maustaste klicken . Wählen Sie " Auf Ebenen verteilen . " Das Rechteck und Text trennen und erscheint in zwei verschiedenen Schichten. Vier Schichten in Ihren Film - Clip sind: " Aktionen ", " Labels ", " Text" und Kurzurlaub 6
Klicken Sie auf Bild 1 in der " Labels " Schicht Timeline " Hintergrund. " . Gehen Sie auf die Properties Inspector und geben Sie " up" in den Rahmen Beschriftungsfeld . Klicken Sie auf Bild 10 der " Labels " Schicht Timeline. Drücken Sie "F6" um ein neues Schlüsselbild einzufügen. Gehen Sie auf die Properties Inspector , Eingang " über " in den Rahmen Beschriftungsfeld . Das Schlüsselbild in Bild 10 beginnt das animierte Rollover .
7
Klicken Sie auf Bild 30 in der " Labels " Schicht Timeline. Drücken Sie "F6" um ein neues Schlüsselbild einzufügen. Gehen Sie auf die Properties Inspector und beschriften Sie sie "out". Klicken Sie auf Bild 40 . Drücken Sie "F5 ". Diese Verknüpfung wird man 10 Frames zwischen 30 und 40 Frames .
8
Klicken Sie auf Bild 1 in der " Aktionen "-Schicht Timeline. Drücken Sie "Option" plus " F9 ". Input " stop () " in den Aktionen Pop -up-Fenster , schließen Sie es dann . Dieser Schritt hält den Film aus spielen, bis Sie über die Schaltfläche rollen.
9
Klicken Sie auf Bild 1 in der " Aktionen "-Schicht Timeline. Halten Sie die "Option" -Taste ( "Alt" auf einem PC) und ziehen Sie nach rechts. Lassen Sie sich in Bild 20 . Dies fügt ein neues Schlüsselbild zu 20 Rahmen und wenden Sie die Stop-Aktion . Ihre Schaltfläche wird hervorgehoben , bis Sie es rollen bleiben .
10
Klicken Sie auf Bild 20 in der " Aktionen "-Schicht Timeline. Halten Sie die "Option" -Taste gedrückt und ziehen Sie. Lassen Sie sich in Bild 40 . Der Knopf wird in den normalen Zustand zurück, nachdem Sie von ihm weg zu rollen.
11
Klicken Sie auf Bild 40 in der Zeitleiste der " Text "-Schicht . Drücken Sie auf " F5" , um die Rahmen vom Rahmen 1 bis 40 zu kopieren. Die Schaltfläche Text nicht ändern.
12
Wählen Sie das Rechteck Hintergrund auf der Bühne. Wandelt es in ein Movieclip-Symbol in der gleichen Weise , die Sie in Schritt 2 getan hat, sondern nur die Form ausgewählt ist. Der Text wurde von der Grafik getrennt worden. Nennen Sie den neuen Movieclip-Symbol "Button Anim."
13
Setzen Sie neue Keyframes bis 10 und Bild 20 in der Zeitleiste der " Hintergrund "-Schicht Rahmen . Klicken Sie auf Bild 20 in " Hintergrund "-Schicht . Verwenden Sie das Werkzeug Frei transformieren , um das Rechteck auf der Bühne nach rechts erstrecken etwa 20 Pixel. Auf einem Rahmen zwischen den Frames 10 und 20 mit der rechten Maustaste klicken . Wählen Sie " Bewegungs-Tween erstellen . "
14
Klicken Sie auf Bild 30 in der Zeitleiste der " Hintergrund "-Schicht . Legen Sie einen Keyframe . Rechts-Klick auf Bild 1 und wählen "Kopieren Frames. " In Bild 40 die rechte Maustaste und wählen Sie "Einfügen Frames. " Auf einem Rahmen zwischen den Frames 30 und 40 mit der rechten Maustaste klicken . Wählen Sie " Bewegungs-Tween erstellen . " Klicken Sie auf " Szene 1 " in der Bearbeitungsleiste unter der Timeline. Zurück zur Haupt-Timeline .
15
Legen Sie eine neue Ebene an der Spitze Ihrer Schichtenstapels in der Haupt-Timeline . Benennen Sie die Ebene " Aktionen . " Klicken Sie auf das Schloss-Symbol , um es zu sperren. Klicken Sie auf Bild 1 in der " Aktionen "-Schicht . Drücken Sie "Option" plus " F9 ". Eingang diesen Code in das " Aktionen "-Fenster :
btn_mc.buttonMode = true;
btn_mc.addEventListener ( MouseEvent.ROLL_OVER , onButtonOver );
btn_mc.addEventListener ( MouseEvent . ROLL_OUT , onButtonOut );
Funktion onButtonOver (e: MouseEvent ): void {
e.currentTarget.gotoAndPlay ( "over" );
< p >}
Funktion onButtonOut (e: MouseEvent ): void {
e.currentTarget.gotoAndPlay ( "out" ); }
16
Drücken Sie "Strg " plus " Enter", um die Taste zu testen.