Quick Tips: Auto Tab Mellom textfields Bruke AS3
Del
Del
Del
Del
Denne Cyber Monday Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
Denne Quick Tip vil vise deg hvordan du skal gjennomføre en Auto Tab mellom tekstfelt. Gjør du det vil sette fokus på neste definert tekstfeltet når maksimalt antall tegn har blitt innført i den forrige. La oss komme i gang
Endelig resultat Forhåndsvisning
La oss ta en titt på det endelige resultatet vi skal jobbe mot:
Trinn 1: Kort oversikt
En serie av textfields vil bli plassert på scenen, samt en knapp. Bruke lengden eiendommen vil vi sjekke det maksimale antall tegn i hvert felt og endre aktiv Textfield med fokus eiendommen. Knappen vil være skjult som standard, og avslørte når alle textfields er komplett
Trinn 2:. Sett opp din Flash File
Launch Flash og opprette en ny Flash dokument, sette scenen størrelse til 400x200px og bildefrekvensen til 24fps
Trinn 3:. Interface
Dette er grensesnittet vi skal bruke inneholder den tre Input textfields og en knapp. De textfields er oppkalt txt1, txt2, og txt3 For at koden til å fungere, må du sette Max Tegn Gjen grensesnittet selv eller bruke Source FLA Opprett en ny Action Class (Cmd + N), lagre filen som Main.as Anmeldelser og begynne å skrive: Denne koden kontrollerer det maksimale antall tegn i hver tekstfeltet, disse feltene er introdusert i autoTab funksjon som parametere, deretter fokus endres hvis maks antall er nådd. Hvis den siste tekstfeltet i parametrene matrise er fullført, send-knappen avslørt. Nøkkelen linjen er stage.focus = textfields [i + 1];. Igjen, ikke Husk å sette Max Tegn Husk å legge klassenavnet til Class Prøv demo og eksperimentere med bruk av denne funksjonen! Jeg håper du likte denne opplæringen, takk for lesing!
fra venstre til høyre og knappen er oppkalt OK-knappen
.
alternativ i Egenskaper Panel
av hver Textfield, i dette eksempelet disse tallene er 3, 3 og 4, henholdsvis.
Trinn 4:. Action
pakke {import flash.display.Sprite; import flash.events.KeyboardEvent; public class Hoved strekker Sprite {offentlig funksjon main (): void {okButton.visible = false; //Skjul OK-knappen stage.addEventListener (KeyboardEvent.KEY_UP, checkTextField); //Lytt etter tastetrykkene} privat funksjon autoTab (... textfields): void //Bruk resten argument for å inkludere en rekke textfields {var txtLen: int = textfields.length; //Erklærer lengden på textfields brukt for (var i: int = 0; i < txtLen; i ++) {if (textfields [i] .length == textfields [i] .maxChars) {stage.focus = textfields [ ,,,0],i + 1]; //Bytt fokus til neste tekstfeltet i rekken} if (textfields [txtLen - 1] .length == textfields [txtLen - 1] .maxChars) //sjekker for den siste tekstfeltet i matrisen {okButton.visible = true; //vise knappen}}} privat funksjon checkTextField (e: KeyboardEvent): void {autoTab (txt1, txt2, txt3); //utfører funksjonen hvert tastetrykk}}}
alternativ i Egenskaper Panel
av Textfield
Trinn 5:. Dokument Class
feltet i Publiser
delen av Egenskaper
panel.
Konklusjon