Flytte elementer øverst og nederst på displaylisten kan være svært nyttig når du utvikler spill og applikasjoner. Lær å enkelt administrere dybden ved hjelp av denne QuickTip.
La oss se på det endelige resultatet vi vil jobbe for:
Klikk på et ikon for å velge det og ta det til toppen av visningslisten, bruk deretter de to knappene for å flytte det lavere i hierarkiet.
Ved hjelp av ActionScript 3 lærer vi hvordan du håndterer topp-, bunn- og mellomnivåer i dybden.
Start Flash, og opprett et nytt Flash-dokument, sett scenestørrelsen til 320x200px og bildesatsen til 24fps.
Dette er grensesnittet vi skal bruke, en rekke knapper i scenen som vil aktivere dybdeendringen.
Konverter tegnene til knappen og navnet på Tuts + logoer som dette: nt, på, pt. For de andre knappene er forekomstnavnene bottomB og oneB.
Opprett en ny ActionScript-klasse (Cmd + N), lagre filen som Main.as og skriv følgende linjer, vennligst les kommentarene i koden for å forstå klassens oppførsel fullt ut.
pakke import flash.display.Sprite; importer flash.events.MouseEvent; importer flash.filters.GlowFilter; offentlig siste klasse Main utvider Sprite private var lastItem: Sprite; // lagrer den siste klikkte sprite private var glow: GlowFilter = ny GlowFilter (0xFF9900); // et glødfilter for å markere det siste elementet offentlig sluttfunksjon Main (): void lastItem = nt; // øverste elementet ved start addListeners (); privat endelig funksjon 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, bunn); privat endelig funksjon opp (e: MouseEvent): void lastItem.filters = []; // fjern siste filter hvis noen lastItem = e.target som Sprite; // stopre sist klikket element lastItem.filters = [glow]; // søk filter setChildIndex (lastItem, numChildren - 1); // få neste høyeste dybde privat endelig funksjon downOne (e: MouseEvent): void if (getChildIndex (lastItem)! = 0) // hindre utelaterte setChildIndex (lastItem, getChildIndex (lastItem) - 1); / / ned et nivå privat endelig funksjonsbunn (e: MouseEvent): void setChildIndex (lastItem, 0); // bottom
Legg klassenavnet til Klasse felt i publisere delen av Eiendommer panel for å knytte FLA til hoveddokumentklassen.
Bruk det du lærte i denne QuickTip i spill og applikasjoner!
Jeg håper du likte denne Quick Tip, takk for å lese!