Flash knapper

Knapper bruges ofte til navigation. De kan ligne fysiske knapper, eller en anden metafor – alt efter tema og stilart. Her er ansigtet igen; men denne gang er Ansigt brugt som grafik på en knap. Eksemplet viser, at du kan lave knapper med film i film i film. Det er nemt at lave knapper i Flash. En knap skabes sådan:

  • > Insert > New Symbol (eller tast CTRL+F8)
  • Vælg “Button”
  • Giv knappen et sigende navn, så du kan genfinde den i library, fx btn_MinKnap

I næste vindue ser du fire tilstande:

  1. Første frame er knappens tilstand, når musen ikke er over.
  2. Andet frame er knappen, som den ser ud, når musen er over knappen.
  3. Tredje frame viser knappen, som den ser ud, når brugeren holder musetasten nede (“klikker”)
  4. Fjerde frame bruges til at markere det område, der skal “udløse” knappen. Hvis du har en tekstknap, så er det en god ide at male en klat hen over teksten her.

Flash-knapper kan gøres meget avancerede og levende, især hvis du eksperimeterer med at trække movie clips ind på de fire tilstande. På den måde kan knapperne animeres.

ActionScript
Knappen skal aktiveres ved hjælp et actionscript, der kalder en funktion.

  1. Klik på knappen på scenen.
  2. Giv den et navn i properties.
  3. Lav et ActionScript a la nedenstående

Herunder er eksempler på ActionScripts til to forskellige knapper. Den første linker til en webside. Den anden hopper til en bestemt frame i filmen:

// KNAP NR. 1 "HENT URL"
cvKnap_btn.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);

function mouseDownHandler(event:MouseEvent):void {

navigateToURL(new URLRequest("http://www.flashthusiast.com/"));

}

// knap slut

// KNAP NR. 2 "GOTO"

gaaTil_btn.addEventListener(MouseEvent.MOUSE_DOWN, gaatilnoget);

function gaatilnoget(event:MouseEvent):void {

gotoAndStop(20);

}

ActionScriptet herover viser to knapper. En eventlistener venter på, at nogen gør noget med musen. Når det sker aktiveres en funktion, der udfører de ønskede kommandoer. Den første knap er et hyperlink til en URL. Den næste hopper til en frame i filmen – og stopper. Alternativt kunne man fx vælge gotoAndPlay(99);

Se også:
Adobe Flash Professional CS5 Classroom in a Book (Classroom in a Book (Adobe)) s. 197 ff.

Skriv et svar

Din e-mail-adresse vil ikke blive offentliggjort. Krævede felter er markeret med *

*

Disse HTML koder og attributter er tilladte: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>