Quick Tips: Dybde Ledelse Med Vise liste i AS3
Del
Del
en
Share < .no> Dette Cyber mandag Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
Flytte elementer til toppen og bunnen av listen skjerm kan være svært nyttig når du utvikler spill og programmer. Lær å enkelt administrere dybde ved hjelp av denne QuickTip
Endelig resultat Forhåndsvisning
La oss ta en titt på det endelige resultatet vi skal jobbe mot.
Klikk på et ikon for å velge den og bringe den til toppen av listen på skjermen, bruker deretter de to knappene for å flytte den lavere i hierarkiet.
Trinn 1 : kort oversikt
Ved hjelp av Actionscript 3 skal vi lære å håndtere topp, bunn og middels nivå av dybde
Trinn 2:. Sett opp din Flash File
Launch Flash og opprette en ny Flash dokument, sette scenen størrelse til 320x200px og bildefrekvensen til 24fps
Trinn 3:. Interface
Dette er grensesnittet vi skal bruke, en rekke knapper i scenen som vil aktivere dyp endring
Konverter tegnene til Button og navngi de Tuts + logoer som dette:. nt ved, pt Opprett en ny Action Class (Cmd + N), lagre filen som Main.as Hotell og skrive følgende linjer, kan du lese kommentarene i koden for å fullt ut forstå klassen atferd Legg til klassenavnet til Class Bruk det du har lært i denne QuickTip i dine spill og programmer! Jeg håper du likte denne Quick Tips, takk for lesing!
. For de andre knappene instansnavn er bottomB Hotell og oneB
Trinn 4:. Action
pakke {import flash.display.Sprite.; import flash.events.MouseEvent; import flash.filters.GlowFilter; offentlig siste klasse Hoved strekker Sprite {private Var lastItem: Sprite; //lagrer siste klikket sprite privat Var glød: GlowFilter = new GlowFilter (0xFF9900); //en glød filter for å markere det siste elementet offentlig endelige funksjonen main (): void {lastItem = nt; //det øverste elementet på start addListeners (); } Private endelige funksjons addListeners (): void {at.addEventListener (MouseEvent.MOUSE_DOWN, opp); pt.addEventListener (MouseEvent.MOUSE_DOWN, opp); nt.addEventListener (MouseEvent.MOUSE_DOWN, opp); oneB.addEventListener (MouseEvent.MOUSE_UP, downOne); bottomB.addEventListener (MouseEvent.MOUSE_UP, nederst); } Private endelige funksjon up (e: MouseEvent): void {lastItem.filters = []; //fjerne siste filter hvis noen lastItem = e.target som Sprite; //stopre siste klikket element lastItem.filters = [glow]; //gjelder filter setChildIndex (lastItem, numChildren - 1); //får nest høyeste dybde} privat endelige funksjon downOne (e: MouseEvent): void {if (getChildIndex (lastItem) = 0!) //hindre utenfor banen {setChildIndex (lastItem, getChildIndex (lastItem) - 1); //ned ett nivå}} privat endelige funksjon bunnen (e: MouseEvent): void {setChildIndex (lastItem, 0); //bunnen}}}
Trinn 5: Dokument Class
feltet i Publiser
delen av Egenskaper
panel knytte FLA med hoveddokumentet klasse.
Konklusjon