ScrollBar pe ActionScript 3.0
Vom continua să ne cunoaștem cu flash-urile "găluște" găsite pe resursa burgheză, despre care am menționat deja mai multe posturi mai devreme.
Și astăzi ne vom uita la lucrul cu biblioteca Zscrollez. care, după cum se poate înțelege din numele său, vă permite să creați o ScrollBar. adică un câmp de text scrollabil (de fapt, se creează un clip video derulat, dar mai mult despre acesta mai târziu). În principiu, ScrollBar este în căutare și există multe modalități de implementare a acesteia în ActionScript 3.0 în rețea. Dar mi-a plăcut personal biblioteca Zscrollez deoarece este mică (constă doar din două clase), creată în stilul "numai cod", este ușor de configurat și arată foarte bine în forma finită.
Codul ActionScript 3.0:
Bine. Biblioteca era conectată. Dar, înainte de a le aplica, trebuie să facem niște pași pregătitori. Faptul este că în prezent nu avem cel mai important - câmpul de text, pe care îl vom derula. Să o creăm.
Codul ActionScript 3.0:
/ * formatarea textului * / var fTxt: TextFormat = new TextFormat (); fTxt.align = TextFormatAlign.JUSTIFY; fTxt.size = 12; fTxt.bold = true; fTxt.color = 0x666666; fTxt.font = "Verdana"; / * crea un câmp de text * / var myTxt: TextField = TextField nou (); myTxt.width = 490; myTxt.autoSize = TextFieldAutoSize.CENTER; myTxt.multiline = true; myTxt.wordWrap = adevărat; myTxt.selectable = false; myTxt.text = "Textul nostru."; myTxt.setTextFormat (fTxt);
Am creat câmpul de text, dar nu l-am adăugat încă în lista de afișare. De ce? Problema este că ar trebui să plasăm câmpul nostru de text în MovieClip. și trimiteți filmul la o instanță a clasei Zscrollez ca unul dintre parametri. Și numai atunci această instanță a clasei Zscrollez este adăugată la lista de afișare. Prin urmare, creăm un container movieclip pentru câmpul de text creat anterior:
Codul ActionScript 3.0:
var mc: MovieClip = nouClipClip (); mc.addChild (myTxt);
Acum creați o instanță a clasei Zscrollez și puneți clipul creat în ea.
Codul ActionScript 3.0:
var zscrollez: Zscrollez = nou Zscrollez (mc, 350);
Aici, primul parametru al constructorului de obiecte este un container movieclip cu un câmp de text în interior, iar al doilea parametru este înălțimea zonei vizibile a clipului video derulat.
Și acum, în sfârșit, adăugăm ScrollBar noastre în lista de afișare.
Codul ActionScript 3.0:
addChild (zscrollez); zscrollez.x = zscrollez.y = 25;
După cum am menționat mai devreme, puteți personaliza aspectul ScrollBar. Deci, tipul barei de defilare este modificat folosind metoda scrollBarProperties (). care ia următorii parametri:
Prima - înălțimea scrollerului;
Al doilea - culoarea scrollerului;
Al treilea - culoarea recipientului în interiorul căruia se poate mișca scrollerul.
Codul ActionScript 3.0:
zscrollez.scrollBarProperties (50, 0x333333, 0x999999);
Folosind metoda backGround (), puteți seta culoarea de fundal și transparența fundalului pentru câmpul de text derulat.
Codul ActionScript 3.0:
rotiță de derulare proprietate este responsabil pentru reacția caseta de text scrolabil pe rotița de derulare a mouse-ului: dacă proprietatea rotiță de derulare este setat la, roata adevărat mouse-ului în timp ce defilare peste câmpul de text vine defilare caseta de text, iar dacă fals - derulare nu se produce.
Codul ActionScript 3.0:
handCursor proprietate este responsabil pentru afișarea cursorului mouse-ului atunci când vă mutați scroller: În cazul în care proprietatea este setată la true, cursorul mouse-ului într-o mână (ca atunci când treceți peste butonul), și în cazul în fals - cursorul nu se schimba.
Codul ActionScript 3.0:
Acum, să combinăm toți pașii de mai sus într-un singur cod complet.
Codul ActionScript 3.0:
/ * Conectați ph.component.Zscrollez bibliotecă * / import; / * Formatarea textului * / var fTxt: TextFormat = new TextFormat (); fTxt.align = TextFormatAlign.JUSTIFY; fTxt.size = 12; fTxt.bold = true; fTxt.color = 0x666666; fTxt.font = "Verdana"; / * Crearea unui câmp de text * / var myTxt: TextField = new TextField (); myTxt.width = 490; myTxt.autoSize = TextFieldAutoSize.CENTER; myTxt.multiline = true; myTxt.wordWrap = true; myTxt.selectable = false; myTxt.text = „ActionScript este limbajul de programare utilizat în performanța mediului Adobe Flash Player și Adobe AIR. Acesta oferă interactivitate, de manipulare a datelor, precum și multe alte caracteristici în conținutul Adobe Flash, Flex și AIR, precum și aplicații. \ n ActionScript virtual efectuate maşină de ActionScript (AVM), care face parte din Flash player și pachetul AIR. de obicei, codul ActionScript este compilat în format bytecode (un fel de limbaj de programare, înregistrate și recunoscute de către computer) compilator, care este construit în Adobe Flash CS4 Professional sau Adobe Flex Bu ilder, și este de asemenea disponibil în Adobe Flex SDK. byte codurile sunt încorporate în SWF-fișiere care rulează în Flash Player și AIR. ActionScript 3.0 oferă un model robust de programare familiar dezvoltatorilor cu conceptele de bază ale programării orientate pe obiecte. Următoarele sunt câteva din funcțiile de bază ale ActionScript 3.0, a adăugat în procesul de îmbunătățire a versiunilor anterioare ale ActionScript. \ N • Noul ActionScript mașină virtuală, numit AVM2, foloseste un nou set de instrucțiuni în coduri octet, și oferă câștiguri semnificative de performanță. \ N • Un software mai modern cod compilator optimizează la un nivel mai ridicat decât versiunea anterioară a compilatorului. \ N • extins de programare și interfața îmbunătățită a aplicațiilor (API) pentru a controla obiecte la un nivel scăzut și un adevărat model orientat obiect. \ N • XML Application Programming Interface se bazează pe specificațiile ECMAScript pentru XML (E4X) (ECMA-357 ediția a 2). E4X este o extensie a limbajului ECMAScript, care adaugă XML ca un tip de date suportată de limba. \ N • model de eveniment bazat DOM nivel caietul de sarcini evenimente 3. „; myTxt.setTextFormat (fTxt); / * a crea un container pentru text film câmp * / var mc: MovieClip = new MovieClip (); mc.addChild (myTxt); / * a crea o instanță de clasă zscrollez și adăugarea a configura lista display * / var zscrollez sale: zscrollez = new zscrollez (mc, 350); zscrollez.scrollBarProperties (50, 0x333333, 0x999999); zscrollez.backGround (0xdddddd, 1); zscrollez .scrollWheel = true; zscrollez.handCursor = true; addChild (zscrollez); zscrollez.x = zscrollez.y = 25;
Pfiu! Au făcut! Și acum este timpul să ne uităm la rezultatul muncii noastre :-) Privim, verificăm eficiența și. bucurați-vă:
Așa cum probabil ați ghicit deja, cu Zscrollez puteți parcurge nu numai câmpurile de text, ci și MovieClip. Poate că este chiar mai ușor în ceea ce privește codul :-)
Codul ActionScript 3.0:
/ * conectăm biblioteca * / import ph.component.Zscrollez; / * crea un film (clasa Mc extinde clasa MovieClip) * / var mc: Mc = new Mc (); / * Crearea unui exemplu de clasă Zscrollez, și adăugarea de afișare a configura lista * / var zscrollez sale: Zscrollez = new Zscrollez (mc, 350); zscrollez.scrollBarProperties (50, 0x333333, 0x999999); zscrollez.scrollWheel = adevărat; zscrollez.handCursor = adevărat; addChild (zscrollez); zscrollez.x = zscrollez.y = 25;
În exemplul de mai jos, puteți derula filmul cu un gradient de umplere.
Sursa din Adobe Flash CS5.5 și biblioteca Zscrollez pot fi descărcate aici.
Trimiteți-le prietenilor: