Hvordan oppretter jeg Flash egendefinerte knapper?
Adobe Flash åpner for tilpasset design og utvikling av mange ulike Internett og nettstedet elementer, for eksempel knapper, navigeringslinjer, bannere og selv hele nettsteder. Med en minimal mengde av Actionscript programmering evne og litt know-how, er det mulig å lage tilpassede funksjoner og programmer som alle kan bruke. Utforme en egendefinert knapp i Flash er bare begrenset av din fantasi, og knappene kan være så prangende eller så enkelt og krevende som nettstedet krever.
Bruksanvisning
Design ditt Button
1 Velg "rektangel" verktøy fra verktøylinjen og bruke den til å tegne et rektangel på scenen. Bruk en hvit fyll og en svart strek farge for boksen.
2 Trykk "F8" på tastaturet med den valgte å slå rektangelet til en film-klipp symbol rektangel. Navn symbolet noe du liker.
3 Dobbeltklikk på det nye symbolet for knappen for å angi den for redigering. Velg rektangel og grensen igjen, og trykk "F8" for å gjøre den om til et symbol. Gi den en forekomst navnet du ønsker. Du har nå et symbol innenfor et symbol, noe som er nødvendig for å skape roll effekten vi vil bruke.
4 Klikk på "Nytt lag" -knappen på tidslinjen for å sette inn et nytt lag over den nåværende med rektangel-knappen på den. Klikk på lagnavnet for å endre navn på den "Tekst".
5 Velg "Text" verktøy fra verktøylinjen og klikk på knappen for å lage en boks for å skrive tekst. Skriv inn teksten "Klikk her". I Properties Inspector, sørg for at for den type tekstboksen, har du "Dynamic" er valgt. Gi tekstboksen en forekomst navnet "textInside." Merk tekstboksen og endre fyllfargen til blått ved hjelp av verktøylinjen.
6 Høyreklikk på tidslinjen på Ramme 6 for laget der knappen er, og velg "Sett inn Keyframe". Velg knappen, og i Properties Inspector under Color Effect, velg "Tint" fra rullegardinmenyen, velg en farge forskjellig fra originalen, og sett den til 100% eller hva intensitet du vil. Dette er fargen på knappen endres til når en bruker svever sin musen over det.
7 Høyreklikk på tidslinjen på ramme en for laget der knappen er, og velg "Kopier Frame". Høyreklikk på tidslinjen ved Frame 15 for det samme laget og velg "Lim Frames". Nå høyreklikk på den grå plass mellom Keyframe 1 og 6, og velg "Create Classic Tween" eller "Create Motion Tween" hvis du bruker Flash CS3 eller eldre. Gjør det samme i rommet mellom nøkkelbilder 7 og 15.
8 Klikk på Frame 15 på lag med teksten og trykk på "F5" tasten for å sette rammer opp til det punktet. Sett inn et nytt lag på tidslinjen som du gjorde før, bare denne gangen name it "Handlinger". Klikk på den første keyframe av dette nye laget og trykk F9 for å åpne Handlinger panelet. Skriv inn følgende kode:
stoppe();
9 Høyreklikk på tidslinjen i henhold Frame 6 på Handlinger lag og sette inn en ny keyframe. Klikk på denne nye keyframe og trykk F9 på tastaturet igjen for å åpne Handlinger panelet og skriv inn den samme koden:
stoppe();
Kode og Tilpass Button
10 Dobbeltklikk hvor som helst på scenen for å gå ut av å redigere filmen og gå tilbake til hovedtidslinjen. Velg det første keyframe av filmen med en venstre-klikk og trykk F9 for å åpne Handlinger panelet. Skriv inn følgende kode:
my_btn.onRollOver = over;
my_btn.onRollOut = ut;
11 Sett noen linjer etter den koden du skrev inn i forrige trinn og skriv inn følgende kode:
fungere over () {
this.gotoAndPlay (2);
}
fungere ut () {
this.gotoAndPlay (7);
}
12 Legg til følgende kode for å tilpasse teksten i knappen på fly:
my_btn.textInside.text = "Uansett hva du vil at knappen for å si her mellom anførselstegn"
1. 3 Lukk Handlinger panelet og klikk på knappen på scenen for å velge det. Gi den en forekomst navnet "my_btn" i Properties Inspector. Trykk Ctrl + Enter for å teste filmen.
Hint
- Prøv å importere en bitmap å bruke som fyllfargen for knappen hvis du ønsker å gjøre noe ekstra spesielt, som gjør det tre eller metall.