Hvordan bruke movieclips som knapper

MovieClip symboler er komponenter av Flash-animasjon som du kan bruke på nytt i løpet av en Flash-animasjon. De har sin egen tidslinje som fungerer uavhengig av tidslinjen av filmen. Alle objekter, for eksempel animerte knapper, som er kontrollert av Actionscript må konverteres til filmklipp symboler og gitt en forekomst navn. Dette tilfellet navnet kalles i Actionscript-kode og gjør det mulig å animere objektet i hovedfilmen.

Bruksanvisning

1 Åpne Flash. Bruk Square verktøy for å lage et rektangel på scenen. Bruk tekstverktøyet for å sette en merkelapp over den med navnet "Button".

2 Velg de to grafikk. Trykk F8. Velg "Movie Clip" i "Opprett ny Symbol" pop-up vindu. Input "Button" i "Navn" -feltet.

3 Velg filmklipp "Button". Gå til Properties Inspector, som er nedenfor scenen. Input en forekomst navnet "my_button."

4 Dobbeltklikk på filmklippet for å aktivere sin tidslinje. Sett inn et nytt lag ved å klikke på Layer-ikonet, som er under tidslinjen. Ikonet ligner en side med en nedre hjørne hvelvet. Name it "Etiketter". Sett inn et nytt lag og gi den navnet "Handlinger".

5 Bruk markeringsverktøyet til å klikke på scenen en gang. Dette vil deaktivere taste kunstverk. Høyreklikk på rektangelet. Velg «Distribuer til lag." Rektangel og tekst skal skille og vises i to forskjellige lag. Fire lag i film-klippet er: "Handlinger", "Etiketter", "tekst" og "bakgrunn".

6 Klikk på Frame 1 i "Etiketter" lag tidslinje. Gå til Properties Inspector og input "opp" i rammen merkefeltet. Klikk på Frame 10 av "Etiketter" lag tidslinje. Trykk på "F6" for å sette inn en ny keyframe. Gå til Properties Inspector, input "over" i rammen merkefeltet. Keyframe i ramme 10 begynner den animerte rollover.

7 Klikk på Ramme 30 i "Etiketter" lag tidslinje. Trykk på "F6" for å sette inn en ny keyframe. Gå til Properties Inspector og merk den "ut." Klikk på Frame 40. Trykk "F5". Denne snarveien vil legge 10 rammer mellom rammer 30 og 40.

8 Klikk på Frame 1 i "Handlinger" lag tidslinje. Trykk på "Option" pluss "F9". Input "stop ()" i Handlinger pop-up vindu, og deretter lukke det. Dette trinnet holder filmen fra å spille til du ruller over knappen.

9 Klikk på Frame 1 i "Handlinger" lag tidslinje. Hold nede "Option" -tasten ( "Alt" på en PC) og dra til høyre. Utgivelse på Frame 20. Dette vil legge en ny keyframe til Frame 20 og bruke stop action. Din knappen vil forbli uthevet til du rulle av det.

10 Klikk på Ramme 20 i "Handlinger" lag tidslinje. Hold nede "Option" -tasten og dra. Utgivelse på Frame 40. Knappen vil gå tilbake til normal tilstand etter at du rulle av det.

11 Klikk på Frame 40 i tidslinjen av "tekst" lag. Trykk "F5" for å kopiere rammene fra Frame 1 til 40. knappen teksten endres ikke.

12 Velg rektangelet bakgrunnen på scenen. Konvertere den til et filmklipp symbol på samme måte som du gjorde i trinn 2, men bare formen er valgt. Teksten har blitt skilt fra grafikken. Gi den nye filmklipp symbol "Button Anim."

1. 3 Sett inn nye nøkkel å ramme 10 og ramme 20 i tidslinjen på "bakgrunn" lag. Klikk på Frame 20 i "bakgrunn" lag. Bruk Free Transform Tool til å forlenge rektangel på scenen til høyre om 20 piksler. Høyreklikk på en hvilken som helst ramme mellom rammer 10 og 20. Velg "Create Motion Tween."

14 Klikk på Frame 30 i tidslinjen på "bakgrunn" lag. Sett inn en keyframe. Høyreklikk på Frame 1 og velg "Kopier Frames". Høyreklikk på Frame 40 og velg "Lim Frames". Høyreklikk på en hvilken som helst ramme mellom rammer 30 og 40. Velg "Create Motion Tween." Klikk på "Scene 1" i redigeringslinjen under tidslinjen. Gå tilbake til hovedtidslinjen.

15 Sett inn et nytt lag på toppen av lag stabelen i hovedtidslinjen. Navn på lag "Handlinger". Klikk på hengelåsikonet for å låse den. Klikk på Frame 1 i "Handlinger" lag. Trykk på "Option" pluss "F9". Input denne koden inn i "Handlinger" vinduet:

btn_mc.buttonMode = true;

btn_mc.addEventListener (MouseEvent.ROLL_OVER, onButtonOver);

btn_mc.addEventListener (MouseEvent.ROLL_OUT, onButtonOut);

funksjon onButtonOver (e: Mouseevent): void

{

e.currentTarget.gotoAndPlay("over");

}

Funksjon onButtonOut (e: Mouseevent): void

{

e.currentTarget.gotoAndPlay("out");

}

16 Trykk "Ctrl" pluss "Enter" for å teste knappen.