Hvordan man laver en knap i Flash CS4

Oprette en knap fra et billede og tekst

1. 1
   Åbn et nyt dokument i Flash CS4.
2. 2
   Vælg et billede til din knap. Du kan enten tegne en figur, og vælg det, eller vælge et eksisterende billede.
   • Hvis du bruger et billede fra din browser, så bliver du nødt til at gemme den på din harddisk og derefter trække og slippe billedet i dit dokument. Du kan ikke kopiere og indsætte et billede fra din browser til Flash.
   • Du kan også indsætte et gemt billede i dokumentet ved at vælge Filer> Importer> Importer til Stage.
3. 3
   Føj tekst til din knap. Vælg den tekst værktøjer fra panelet Værktøjer og skriv din tekst ved siden af ​​billedet.
4. 4
   Brug din cursor til at vælge både billede og tekst. Start Konverter til dialogboksen Symbol ved at skubbe F8 eller ved at vælge Rediger> Konverter.
5. 5
   Skriv navnet "simplebutton" i navnefeltet, og vælg knap fra drop-down menuen ved siden at skrive. Klik på OK, når du er færdig.

Definer knap stater

1. 1
   Dobbeltklik på knappen, og vælg Rediger på plads fra drop-down menu.
2. 2
   Se din tidslinje. Du bør se overskrifter, der siger op, Over, Down og Hit.
3. 3
   Højreklik på lag 1 og vælg insert lag. Omarrangere lag, så Lag 1, som indeholder dit billede og tekst, er på toppen.
4. 4
   Vælg alle 3 rammer i løbet kolonne. Over kolonne bestemme, hvordan din knap vises, når du holder markøren over den. Højreklikke og vælge Indsæt Keyframe fra drop-down menu.
5. 5
   Klik på i keyframe i lag 2.. Når knappen vises, skal du bruge din linje værktøj til at tegne en lige linje under teksten i din knap. Din Layer 2 keyframe vises solidt på Tidslinjen.
6. 6
   Vælg lag 3 keyframe under over. Tegn et rektangel, der er lige stor nok til at omringe din knap. Når markøren svæver over knappen, vil du nu se en understregning og et rektangel vises sammen med knappen.
7. 7
   Vælg den ned kolonne, skal du højreklikke og vælge Indsæt keyframe. Sørg for at din Down kolonne forbliver fremhævet.
8. 8
   Klik på rektanglet til venstre for op kolonneoverskrift. Ændre farven på knappen fra sin hover til en anden farve. Dette vil gøre det muligt for din knap for at ændre farver, når du klikker på det.

Tilføj koden

1. 1
   Brug din cursor til at vælge din knap. Skriv navnet "myButton" i feltet Navn på panelet Egenskaber.
2. 2
   Tryk på F9 for at åbne panelet Handlinger. Indtaste følgende kode i Actions vinduet:
   • funktion setupEvents () {
   • / / Associerede begivenheder med hændelseshandlere
   • myButton.addEventListener (MouseEvent.CLICK, clickButtonHandler);
   • myButton.addEventListener (MouseEvent.MOUSE_OVER, hoverButtonHandler);
   • }
   • setupEvents ();
   • funktion clickButtonHandler (e: MouseEvent) {
   • trace ("Klikkede Button!");
   • }
   • funktion hoverButtonHandler (e: MouseEvent) {
   • trace ("svævede over Button!");
   • }
3. 3
   Vælg Kontrol> test movie> test kommando. Din ansøgning vil derefter blive vist i Flash Player-vinduet.
4. 4
   Hover og klikke over din knap. Output vinduet vise tekst såsom "svævede over Button!" eller "Klikkede Button!" afhængigt af de handlinger, som du har taget.