Flash tutorial - Knapper

Tilbage

1. Åben Flash og start et nyt dokument.
   
   
2. Vælg Insert -> New Symbol.
   
   Giv dit nye symbol et passende navn, vælg Button og klik OK.
   
   
3. Som du nu kan se ser din timeline ikke ud lige som den plejer. Knapper har fire forskellige stadier, Up, Over, Down og Hit.
   
   
   
   Up: Normal tilstand. Over: Når musen holdes over knapper. Down: Når man holder mussekanppen nede. Hit: Det område som skal aktivere kanppen
   
   
4. Dobbeltklik på dit layer og kald det baggrund. Klik i Up framen og lav så en knap som du ønsker den, med teksten på et layer for sig.
   
   Klik så i Over framen og tryk F6 for at indsætte en keyframe og skift evt. farven på knappen. I Down framen kan du f.eks flytte knappen to pixels ned og to pixels til højre så det ligner at man trykker knappen ned.
   
   tip. Hvis du kun har noget i Up framen vil kanppen bare se ens ud i alle stadier.
   
   
5. Hit framen betyder ikke noget hvis man har en solid boks som knap som i knappen her under, men hvis man f.eks kun har en tekst vil hit området kun være lige præcis på teksten og ikke f.eks imellem hvert bogstav. I sådan et tilfælde vil man i Hit framen tegne en boks som dækker hele teksten.
   
   Hvis du ønsker en usynlig knap nøjes du bare med at tegne formen på knappen i Hit framen, og lader de andre frames være tomme.
   
   
6. I denne knap har jeg ændret farven i Over framen i forhold til Up framen, og jeg har flyttes knappen nogle pixels ned og til højre i Down framen.
   
   
   
   Så er selv knappen færdig
   
   
   
   
7. Nu skal knappen så også programmeres så der også sker noget når man trykker på den.
   
   
8. Gå tilbage til scenen og træk en instant af kanppen ind på scenen. Klip på knappen og åben Actions panelet(F9).
   
   Nedenunder her kan du se to eksempler på Action Script som du kan bruge. Jeg har skrevet lidt kommentarer til Action Scripten så den er lidt nemmere at forstå.
   
   
   1. //når knappen slippes
   2. on (release) {
   3.     //gå til og spil frame 2
   4.     gotoAndPlay(2);
   5. }
   
   
   
   1. //når knappen trykkes
   2. on (press) {
   3.     //gå til webadressen
   4.     getURL("http://www.jweber.dk", "_self");
   5. }
   
   
   Gem så dokumentet og tryk Ctrl+enter for at teste knappen og lave en SWF fil.
   
   Så er vi færdige.

Tilbage

Optimeret til Internet Explorer og Firefox min. 1024x768 | Designet og programmeret af jweber