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

Skriv din kommentar til denne tutorial  (eller gå til forummet)
Navn	Kodeflet

kommentar 7	Skrevet af Whulf 4/11-2008
Nej, det er rigtigt nok, du skal sætte en \"stop();\" Ind i din første, eller den frame din knap sidder i :-)

kommentar 6	Skrevet af Bufas 18/3-2008
måske skulle man lige sætte en stop komando ind? eller er det bare mig der har gjort det forkert?

kommentar 5	Skrevet af jonas 2/12-2007
hallo det er jo nok fordi du skal lave det til en botton noob!!

kommentar 4	Skrevet af TNE 12/8-2007
Den siger: \"Current selection can not have actions applied to it\" Dårligt

kommentar 3	Skrevet af jonas 8/1-2007
ïkke verst

kommentar 2	Skrevet af Anonym 6/1-2007
NICE!

kommentar 1	Skrevet af ?
Rigtigt fedt at komme igang med knapper. Du forklarer det godt. Og endelig noget actionsscript - det har jeg glæder mig til ;-) Mvh. Andreas

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