Quick Tips: Lag en skrivemaskin Tekst effekt Class
4
Del
5
Del
Denne Cyber Monday Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
I denne hurtig Tip, vi vil lage en statisk, gjenbrukbare Action klasse som vil produsere en skrivemaskin effekt med en enkelt linje. Les videre
Trinn 1: Kort oversikt
Vi vil dele en brukerdefinert streng i en matrise, og deretter legge de resulterende brev til en Textfield en etter en ved bruk av timer klassen
Trinn 2:. Writer Class
Vår klasse vil være statisk, noe som betyr at den ikke trenger å brukes med den nye søkeordet. . For å få tilgang til en statisk klassemedlem, bruke navnet på klassen i stedet for navnet på en forekomst
Opprett en ny Actionscript-fil og skriv inn følgende kode:
pakke {import flash.text.TextField; import flash.utils.Timer; import flash.events.TimerEvent; offentlig siste klasse Writer {/* Erklærer variablene og metodene som statiske * /private Static Var chars: Array; //tegnene i strengen private Static Var tf: Textfield; //tekstfeltet der strengen vil bli skrevet privat Static Var timer: Timer; //pauser mellom å skrive hvert tegn privat Static Var i: int = 0; //variabel som brukes til å telle de skriftlige karakterene public static funksjon write (txt: String, txtField: Textfield, tid: Number): void {chars = txt.split (""); //dele streng i en rekke tegn tf = txtField; //tildele tf i tekstfeltet sendes til funksjonen timer = new Timer (tid); //satt tid i henhold til parameter timer.addEventListener (TimerEvent.TIMER, writeChar); timer.start (); //begynner å skrive funksjon} private static funksjon writeChar (e: Timerevent): void {if (i < chars.length) {tf.appendText (chars [i]); //skriver en char hver gang funksjonen kalles i ++; //neste char} if (i > = chars.length) //sjekke om strengen er komplett {timer.stop (); timer.removeEventListener (TimerEvent.TIMER, writeChar); //klart timer timer = null; }}}}
Trinn 3: Bruk
Bruken kunne ikke vært enklere - bare legge den Typewriter.as klassen til prosjektmappen og bruke følgende kode:
import Writer; Typewriter.write ('Tekst skrive', targetTextfield, 50);
Det er det, teste filmen og du vil se din Textfield ved hjelp av skrivemaskin effekt
Trinn 4:. Eksempel
Jeg brukte klasse i på dette eksempelet swf slik at du kan se effekten:
Konklusjon
Bruk denne klassen til å lage dine egne effekter
!
Takk for at du leser. Hvis du ønsker en mer avansert versjon av denne effekten for bruk i dine prosjekter, ta en titt på Rasmus Wriedt Larsens bokstav for bokstav Animation. Anmeldelser