Hvordan lage en knapp Hold Down State Med Actionscript 2

Gir en interaktiv måte å veilede brukerne gjennom hjemmesiden din, har knapper blitt en standard i webdesign. Alle versjoner av Flash gi roll rammer for den opp, over, ned og traff stadier av en knapp. Men hvis du ønsker å minne brukeren hvilken side han er på, kan det være lurt å la knappen trykkes. Flash gir ikke dette alternativet, så dette høres ut som en umulig oppgave. Men du kan fortsatt ha denne effekten ved å konvertere knappen for å et filmklipp symbol.

Bruksanvisning

1 Åpne Flash og velg rektangel verktøyet. Tegne formen du vil at knappen skal ha. Å trekke runde hjørner, holde på pil ned-tasten nede mens du tegner.

2 Marker figuren ved å dobbeltklikke på den. Gå til "Endre" og klikk på "Konverter til Symbol." Gi symbolet et navn, "btn_mc" for eksempel. Velg "Movie Clip" og klikk "OK." Gå til "Properties" panel og gi "btn_mc" som "Instance Name". Dette konverterer formen til et filmklipp.

3 Rediger den nye filmklipp ved å dobbeltklikke på den. Gå til "Lag" og endre navnet til "Layer 1" til "knapper". Skriv inn teksten du vil ha på knappen ved å bruke "Text Tool" og plassere den over knappen. Du kan legge til flere effekter hvis nødvendig. Dette vil være på knappen for topp tilstand.

4 Velg knappen, gå til "Endre" og klikk "Konverter til Symbol." Gi den nye symbol "-knappen." Velg "Button" og klikk "OK." Dette konverterer den nye knappen til en knapp symbol.

5 Velg en ramme fra hvor knappen i ned staten vil begynne. Gå til "Insert", naviger til "Timeline" og klikk på "Keyframe". Legg til en eller flere effekter for ned knapp, lysstyrke, for eksempel. Du har nettopp opprettet knappen for ned staten.

6 Sett inn et nytt lag og gi den navnet "Etiketter". Sett inn to nøkkelbilder, ett for rammen som inneholder den øverste knappen og en annen for den rammen som inneholder ned-knappen. Velg den øverste knappen keyframe, gå til "Properties", velg "Frames" og skriv inn "_top" i seg. Gjør det samme for ned-knappen, men skriv "_down" i stedet for "_top".

7 Sett inn et nytt lag og gi den navnet "Handlinger". Sett inn to nøkkelbilder, ett for rammen med den øverste knappen og en annen for rammen med ned-knappen. Gå til "Windows" og klikk på "Handlinger". Handlinger panelet vises. Type "stop ();" i begge nøkkelbilder. Dette legger handlinger til knappe stater.

8 Trykk på "Back" knappen du ser ved siden av "Scene1." Når du er tilbake på knappeformen, klikk på på "btn_mc". Se på handlinger panel. Du burde se "Handlinger-Movie Clip" i venstre hjørne. Skriv inn følgende kode:

på (trykk) {

_root.mc_btn.gotoAndStop ( "_ down");

}

on (release) {

_root.mc_btn.gotoAndStop ( "_ down");

}

Knappen vil nå alltid bo i ned tilstand.

Hint

  • Plasser teksten i et nytt lag, kalt "tekst", hvis du vil at teksten skal være den samme uavhengig av knappen staten.