Snabbtips Djuphantering med visningslistan i AS3

Att flytta objekt till toppen och botten av visningslistan kan vara mycket användbar när du utvecklar spel och applikationer. Lär dig att hantera djupet enkelt med hjälp av denna QuickTip.


Slutresultatförhandsvisning

Låt oss ta en titt på det slutliga resultatet vi ska arbeta för:

Klicka på en ikon för att välja den och ta den överst i visningslistan, använd sedan de två knapparna för att flytta den lägre i hierarkin.


Steg 1: Kortfattad översikt

Med hjälp av ActionScript 3 lär vi dig hur du hanterar topp-, botten- och mellanliggande djupnivåer.


Steg 2: Ställ in din Flash-fil

Starta Flash och skapa ett nytt Flash-dokument, sätt scenstorleken till 320x200px och bildhastigheten till 24fps.


Steg 3: Gränssnitt

Detta är gränssnittet vi ska använda, en serie knappar i scen som aktiverar djupbytet.

Konvertera tecknen till knappen och namnge Tuts + -logotyperna så här: nt, vid, pt. För de andra knapparna är förekomstnamnen bottomB och oneB.


Steg 4: ActionScript

Skapa en ny ActionScript-klass (Cmd + N), spara filen som Main.as och skriv följande rader, läs kommentarerna i koden för att förstå klassens beteende.

 paket import flash.display.Sprite; importera flash.events.MouseEvent; importera flash.filters.GlowFilter; offentliga slutklassen Huvudet sträcker sig Sprite private var lastItem: Sprite; // lagrar den senaste klickade spriten privat var glow: GlowFilter = ny GlowFilter (0xFF9900); // ett glödfilter för att markera det sista objektet offentliga slutfunktionen Main (): void lastItem = nt; // det översta objektet vid start addListeners ();  privat slutfunktion addListeners (): void at.addEventListener (MouseEvent.MOUSE_DOWN, upp); pt.addEventListener (MouseEvent.MOUSE_DOWN, upp); nt.addEventListener (MouseEvent.MOUSE_DOWN, upp); oneB.addEventListener (MouseEvent.MOUSE_UP, downOne); bottomB.addEventListener (MouseEvent.MOUSE_UP, botten);  privat slutlig funktion upp (e: MouseEvent): void lastItem.filters = []; // ta bort sista filtret om någon lastItem = e.target som Sprite; // stopre sist klickade objekt lastItem.filters = [glow]; // tillämpa filter setChildIndex (lastItem, numChildren - 1); // få nästa högsta djup privat slutlig funktion downOne (e: MouseEvent): void if (getChildIndex (lastItem)! = 0) // förhindra out of bounds setChildIndex (lastItem, getChildIndex (lastItem) - 1); // ner en nivå privat slutlig funktion botten (e: MouseEvent): void setChildIndex (lastItem, 0); // bottom

Steg 5: Dokumentklass

Lägg till klassnamnet till Klass fält i Publicera del av Egenskaper panel för att associera FLA med huvuddokumentklassen.


Slutsats

Använd det du lärde dig i denna QuickTip i dina spel och applikationer!

Jag hoppas att du gillade den här snabba tipsen, tack för att du läste!