Görgetősáv a 3. műveletsoron
ScrollBar az ActionScript 3.0-on
Folytatjuk ismeretségünket a burzsoá erőforráson található flash "zsemlékkel", amelyekről korábban több hozzászólás is szerepel. És ma megnézzük a Zscrollez könyvtárral való munkát. amely, ahogyan az a nevéből is megérthető, lehetővé teszi, hogy létrehozzon egy ScrollBar-t. azaz egy gördíthető szövegmezőt (sőt, görgetett filmcímet is létrehozunk, de később is). Elvben a ScrollBar keresletet igényel, és sokféle módon valósítható meg az ActionScript 3.0 a hálózatban. De én személy szerint kedveltem a Zscrollez könyvtárat, mert kicsi (csak két osztályból áll), a "code only" stílusban létrehozva, könnyen konfigurálható és nagyon finom a kész formában.
ActionScript 3.0 kód:
Rendben van. A könyvtár kapcsolódott. De mielőtt alkalmaznánk, előkészítő lépéseket kell tennie. Az a tény, hogy jelenleg nem rendelkezünk a legfontosabb - a szövegmezővel, amelyet görgetni fogunk. Létrehozzuk.
ActionScript 3.0 kód:
/ * szöveg formázás * / var fTxt: TextFormat = új TextFormat (); fTxt.align = TextFormatAlign.JUSTIFY; fTxt.size = 12; fTxt.bold = true; fTxt.color = 0x666666; fTxt.font = "Verdana"; / * szövegmező létrehozása * / var myTxt: TextField = új TextField (); myTxt.width = 490; myTxt.autoSize = TextFieldAutoSize.CENTER; myTxt.multiline = true; myTxt.wordWrap = true; myTxt.selectable = false; myTxt.text = "A szövegünk."; myTxt.setTextFormat (fTxt);
A szövegmezőt létrehoztuk, de még nem adtuk hozzá a megjelenítési listához. Miért? Az a kérdés, hogy elhelyeznünk kell a szövegmezőt a MovieClip-ben. és elküldi a filmet a Zscrollez-osztály egy példányának egyik paramétereként. És csak akkor a Zscrollez osztály ezt a példányát adják hozzá a megjelenítési listához. Ezért létrehozunk egy movieclip tárolót az előzőleg létrehozott szövegmezőhöz:
ActionScript 3.0 kód:
var mc: MovieClip = új MovieClip (); mc.addChild (myTxt);
Most hozzon létre egy példányt a Zscrollez osztályból, és helyezze el a létrehozott videoklipet.
ActionScript 3.0 kód:
var zscrollez: Zscrollez = új Zscrollez (mc, 350);
Itt az objektum-konstruktor első paramétere egy belső szövegmezővel rendelkező movieclip tároló, és a második paraméter a görgetett filmcímke látható területének magassága.
És most, végül hozzáadjuk a ScrollBar-ot a megjelenítési listához.
ActionScript 3.0 kód:
addChild (zscrollez); zscrollez.x = zscrollez.y = 25;
Mint korábban említettem, testreszabhatja a ScrollBar megjelenését. Tehát a görgetősáv típusát a scrollBarProperties () módszer megváltoztatja. amely a következő paramétereket veszi figyelembe:
1. - a scroller magassága;
2. - a színváltó színe;
3. - a konténer színe, amelyen belül a scroller mozoghat.
ActionScript 3.0 kód:
zscrollez.scrollBarProperties (50, 0x333333, 0x999999);
A background () metódus segítségével beállíthatja a háttérszínt és a háttér átlátszóságot a görgetett szövegmezőhöz.
ActionScript 3.0 kód:
Görgetőtárcsa tulajdonság felelős a reakció görgethető szövegmezőbe a görgető kerék az egér: ha görgetőtárcsa tulajdonság true értékre van beállítva, az egér kerék görgetés közben a szöveg fölött mező jön görgetés szövegmezőbe, és ha hamis - görgetés nem fordul elő.
ActionScript 3.0 kód:
handCursor ingatlan megjelenítéséért felelős az egérmutatót, ha mozog a scroller: Ha az ingatlan értéke igaz, az egér kurzor egy kéz (mint amikor az egérmutatót a gomb), és ha hamis - a kurzor nem változik.
ActionScript 3.0 kód:
Most pedig egyesítsük a fent felsorolt lépéseket egyetlen teljes kóddal.
ActionScript 3.0 kód:
/ * Csatlakozás a könyvtár * / import ph.component.Zscrollez; / * Szövegformázás * / var fTxt: TextFormat = új TextFormat (); fTxt.align = TextFormatAlign.JUSTIFY; fTxt.size = 12; fTxt.bold = true; fTxt.color = 0x666666; fTxt.font = "Verdana"; / * Hozzon létre egy szöveges mező * / var myTxt: TextField = new TextField (); myTxt.width = 490; myTxt.autoSize = TextFieldAutoSize.CENTER; myTxt.multiline = true; myTxt.wordWrap = true; myTxt.selectable = false; myTxt.text = „ActionScript programozási nyelven használják a teljesítmény az Adobe Flash Player és az Adobe AIR környezetben. Ez biztosítja az interaktivitást, adatkezelés, és sok más funkciók a tartalom az Adobe Flash, Flex és a levegő, valamint az alkalmazások. \ n ActionScript Virtual végrehajtott gép ActionScript (AVM), amely része a flash player és az AIR csomagot. Általában a ActionScript kód összeállítani bytecode méret (egyfajta programozási nyelv, és elfogadták a számítógép) fordító, amely be van építve az Adobe flash CS4 Professional vagy az Adobe Flex Bu ilder, és szintén elérhető az Adobe Flex SDK. byte-kódok vannak beágyazva az SWF-fájlok futnak a Flash Player és az AIR. ActionScript 3.0 robusztus programozási modellt ismeri a fejlesztők az alapvető fogalmak az objektum-orientált programozás. Az alábbiakban néhány az alapvető funkcióit ActionScript 3.0, hozzá a folyamat javítása az előző változat a ActionScript. \ N • Az új virtuális gép ActionScript, az úgynevezett AVM2, használ egy sor új utasításokat a byte-kód, és jelentős teljesítményjavulást eredményez. \ N • Egy modern fordító kódot szoftver optimalizálja magasabb szinten, mint az előző változat a fordító. \ N • A kibővített és továbbfejlesztett alkalmazás programozási felület (API), hogy ellenőrizzék tárgyak alacsony szinten és valódi objektum orientált modell. \ N • XML Application Programming Interface alapul ECMAScript specifikáció XML (E4X) (ECMA-357 edition 2). E4X kiterjesztése a ECMAScript nyelv, amely hozzáteszi, az XML adattípusként által támogatott nyelvet. \ N • esemény modell alapú DOM események leírás 3. szint „myTxt.setTextFormat (fTxt); / * hozzon létre egy tárolót film szöveges mező * / var mc: MovieClip = new MovieClip (); mc.addChild (myTxt); / * hozzon létre egy osztály például zscrollez, és hozzátéve, konfigurálja a megjelenítési lista * / var zscrollez: zscrollez = új 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;
Pfuj! Tettél! És most itt az ideje, hogy megvizsgáljuk a munkánk eredményét :-) Nézzük, ellenőrizzük a hatékonyságot és. élvezni:
Amint azt valószínűleg már kitalálta, a Zscrollez segítségével nem csak szövegmezőket, hanem MovieClipet is mozgathat. Talán ez még egyszerűbb a kód szempontjából :-)
ActionScript 3.0 kód:
/ * csatlakoztatjuk a könyvtárat * / import ph.component.Zscrollez; / * Film készítése (Mc osztály kiterjeszti a MovieClip osztály) * / var mc: Mc = new Mc (); / * Osztály például Zscrollez, és hozzátéve, konfigurálja a megjelenítési lista * / var zscrollez: Zscrollez = new Zscrollez (mc, 350); zscrollez.scrollBarProperties (50, 0x333333, 0x999999); zscrollez.scrollWheel = true; zscrollez.handCursor = true; addChild (zscrollez); zscrollez.x = zscrollez.y = 25;
Az alábbi példában gördítheti a filmet gradiens kitöltésével.
Az Adobe Flash CS5.5 és a Zscrollez könyvtár forrásai itt tölthetők le.