jweber.dk - Design og programmering


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.

    Timeline

    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
Kodeflet

 
rapporter som useriøs kommentar kommentar 7Skrevet 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 :-)
 

rapporter som useriøs kommentar kommentar 6Skrevet 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?
 

rapporter som useriøs kommentar kommentar 5Skrevet af jonas 2/12-2007

hallo det er jo nok fordi du skal lave det til en botton noob!!
 

rapporter som useriøs kommentar kommentar 4Skrevet af TNE 12/8-2007

Den siger: \"Current selection can not have actions applied to it\" Dårligt
 

rapporter som useriøs kommentar kommentar 3Skrevet af jonas 8/1-2007

ïkke verst
 

rapporter som useriøs kommentar kommentar 2Skrevet af Anonym 6/1-2007

NICE!
 

rapporter som useriøs kommentar kommentar 1Skrevet 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
 

Tutorial info


   Få hjælp i forummet Få hjælp i forummet

   Download Download FLA

    Vurdering (25 stemmer) 4.3

   

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

Partnere
Officeguide.dk PageRank Google Gratis spil Gamle Online Spil mySiteChart.dk AGF svømning IT-Corner.dk Tilskudsbasen.dk

DanskeLinks.dk | Tilmeld dit link