Adobe - flash - platform egy példát: létrehozunk egy alap alkalmazást

Ebben a példában a szakaszában a létrehozása és fejlesztése, ActionScript 3.0 segítségével egy egyszerű alkalmazás eszköz Flash Professional vagy Flash Builder. Az alkalmazás létrehozunk egy egyszerű modell segítségével külső ActionScript 3.0 class fájlok a Flash Professional szerszámok és Flex.







Tervezés ActionScript alkalmazás

Ez a példa egy szabványos ActionScript alkalmazás úgynevezett «Hello World» és rendkívül egyszerű felépítésű.

Az alkalmazás neve HelloWorld.

Ezt mutatja egy szöveges mező szava «Helló világ!»

Az alkalmazás egy objektum-orientált osztály üdvözlõ. Ez a szerkezet lehetővé teszi a használatát osztály projekt a Flash Professional és a Flex.

Ebben a példában először hozzon létre egy alapváltozata a kérelmet. Ezután hozzáadjuk a funkciók lehetővé teszik a felhasználó adja meg a nevét, és hogy ellenőrizze, ha a neve a listán az ismert felhasználóknak.

Ezt követően rövid leírását, akkor létre alkalmazásokat.

Létrehozása HelloWorld projekt és az üdvözlõ osztály

A projekt feladat a Hello World alkalmazás azt mondta, hogy a kód lehetővé teszi az egyszerű felhasználásra. E cél elérése érdekében, az alkalmazás egy objektum-orientált osztály üdvözlõ. Ez az osztály olyan alkalmazásokban használják létre a Flash Builder eszközök vagy Flash Professional.

Létrehozása HelloWorld projekt és üdvözlõ osztály Flex

A Flash Builder eszközöket, válassza a "Fájl"> "New"> "A Flex projekt."

Írja HelloWorld a „Projekt neve.” Győződjön meg arról, hogy a kérelem típusának beállítása «Web (fut az Adobe Flash Player)», majd kattintson a „Befejezés”.

Most, hogy hozzon létre egy egyéni ActionScript osztály fájlt a környezetben Flash Builder, válassza ki a „Fájl”> „New”> „ActionScript osztály”.

Az „új ActionScript osztály” párbeszédablakot a „Név” mezőbe írja üdvözlõ például az osztály nevét, majd kattintson a „Befejezés”.

Most az ablak szerkeszteni egy új ActionScript fájlt.

Hogy megteremtse a üdvözlõ osztály az eszköz Flash Professional, kövesse az alábbi lépéseket:

A Flash Professional eszközzel jelölje ki a „Fájl”> „Új”.

A „Dokumentum létrehozása” válasszuk ActionScript fájlt, majd kattintson az „OK” párbeszédablak.

Most az ablak szerkeszteni egy új ActionScript fájlt.

Válassza ki a "Fájl" command> "Save". Válassza ki a mappát az alkalmazás számára, állítsa be az ActionScript fájlnevet Greeter.as és kattintson az „OK” gombot.

Kód hozzáadása a üdvözlõ osztály

Üdvözlő üdvözlő osztály definiál egy objektumot. amelyet a HelloWorld kérelem.

Kód hozzáadása a üdvözlõ osztály

Írja be a következő kódot egy új fájlt (a kód hozzá kell adni):

Üdvözlő osztály tartalmazza egyetlen sayHello () módszer. amely visszaadja a karakterlánc kifejezés «Helló világ!».

Ahhoz, hogy menteni ezt ActionScript fájlt, válassza a "Fájl" command> "Save".

Üdvözlő osztály készen áll a használatra az alkalmazás.

Létre egy alkalmazást ActionScript kód

Az üdvözlő osztály, amely a közelmúltban jött létre, meghatározza egy önálló sor szoftver funkcióit, de ez nem jelent teljes kérelmet. Ahhoz, hogy osztályt kell létrehozni Flash Professional dokumentum vagy Flex projekt.

Ha a kód létrehozásával meg kell használni egy példánya üdvözlõ osztályban. Itt van, hogyan kell használni üdvözlõ osztály az alkalmazást.

Ahhoz, hogy hozzon létre egy ActionScript alkalmazást az eszköz Flash Professional, kövesse az alábbi lépéseket.

Válassza „Fájl”> „Új”.

Az „Új dokumentum” párbeszédpanelen válassza ki a „File vaku (ActionScript 3.0)» és kattintson az »OK« gombot.

Ez megnyitja az ablakot dokumentum létrehozása.

Válassza ki a "Fájl" command> "Save". Jelölje ki a mappát, amely tartalmazza az osztály Greeter.as fájl, hozzá a dokumentumot a Flash HelloWorld.fla nevét, majd kattintson az „OK”.

A Flash Professional eszközök palettán válassza ki a „Szöveg” eszközt. Húzza azt a munkaterületen meg egy új szöveges doboz szélessége mintegy 300 pixel és 100 pixel magas.

A „Tulajdonságok” panel, miközben kiválasztott Stage, a szöveg mezőbe írja be a szöveget a „Dynamic Text”, és adja mainText a példány nevét a szövegmezőbe.

Kattintson kattintson az első képkocka az idővonal. Nyissa meg a „Műveletek” menü „Window”> „Options”.

A „Műveletek” bár, adja meg a következő script:

Ahhoz, hogy hozzon létre egy ActionScript alkalmazást Flash Builder eszközöket, kövesse az alábbi lépéseket.

Nyílt HelloWorld.mxml fájlt, és adjuk hozzá a kód szerint a következő adatok:







Ez Flex projekt magában foglalja a négy MXML címkék:

címke meghatározza az alkalmazás tartályba.

címke meghatározza az elrendezés stílust (függőleges elrendezés) az Application tag.

címke Ez magában foglalja egy részét ActionScript kódot.

címke Ez határozza meg a területen, amely megjeleníti a szöveges üzeneteket a felhasználó számára.

A kódot a tag meghatározza initApp () módszer. hogy hívják, amikor az alkalmazás betölti. initApp () metódus beállítja a szöveges érték a szöveg mezőt a húr mainTxt «Helló Világ!», visszatért a sayHello () metódus az újonnan létrehozott osztály üdvözlõ.

Ahhoz, hogy mentse az alkalmazást, válassza a "Fájl" command> "Save".

Közzététele és ellenőrzése ActionScript alkalmazások

Az alábbiakban a főbb szakaszai HelloWorld kérelem ellenőrzésekor mindegyik médiában.

Közzéteszi az alkalmazását, és ellenőrizze, hogy fordítási hibákat. A Flash Professional eszközzel jelölje ki a „Manage”> „Test Movie” fordításkor ActionScript kódot, és a HelloWorld alkalmazást.

Ha az „Output” teszt alkalmazása az ablakban hibákat és figyelmeztetéseket, hogy meghatározza ezeket a hibákat HelloWorld.fla vagy HelloWorld.as fájlt. Ezután ellenőrizze ismét az alkalmazást.

Ha nincs fordítási hibák Hello World alkalmazás megjelenik a Flash Player.

Miután sikeresen létre egy egyszerű, de teljes objektum-orientált ActionScript 3.0 alkalmazás, akkor folytassa a modernizáció HelloWorld alkalmazást.

Válassza ki a "Run"> "Run HelloWorld".

HelloWorld alkalmazás elindul.

Ha tesztelni az alkalmazást a „kimenet” jeleníti meg a hibákat és figyelmeztetéseket, hogy meghatározza ezeket a hibákat HelloWorld.mxml vagy Greeter.as fájlt. Ezután ellenőrizze ismét az alkalmazást.

Ha nincs hiba összeállítása Hello World alkalmazás megjelenik a böngésző ablakban. A képernyőn meg kell jelenjen a szöveg «Hello World!»

Miután sikeresen létre egy egyszerű, de teljes objektum-orientált ActionScript 3.0 alkalmazás, akkor folytassa a modernizáció a HelloWorld kérelem.

Alkalmazásmegújítás HelloWorld

Ahhoz, hogy az alkalmazás sokkal érdekesebb, akkor adjuk meg a visszaigazoló ellenőrzése után a felhasználó nevét a megadott nevek listáját.

Először is, meg kell, hogy frissítse a üdvözlõ osztály, bővíti funkcionalitását. Ezután meg kell frissíteni az alkalmazást úgy, hogy az új funkciók.

Greeter.as frissítési fájl

Nyílt Greeter.as fájlt.

Változás a fájl tartalmát az alábbiak szerint (új és módosított vonalak jelennek meg vastagon szedve):

Üdvözlő osztály most már az új funkciók:

A validNames tömb tartalmaz egy listát az engedélyezett felhasználóneveket. Betöltésekor üdvözlõ osztály a tömb egy olyan listáját három elnevezés.

sayHello () metódus elfogad egy felhasználói nevet és megváltoztatja a köszöntés alapján bizonyos feltételek mellett. Ha egy felhasználó nevet megadott felhasználónév üres string ( „”), üdvözlő tulajdonság be van állítva a felhasználói név lekérdezés. Ha a felhasználónév elfogadásra kerül, a köszönés a következő: „Hello, a felhasználónevét.” És végül, a megsértése esetén az előző két feltétel üdvözlő változó beállítása oly módon: „Sajnálom felhasználónév nem szerepel a listán ..” ( „Elnézést, [felhasználónév], amelyek nem szerepelnek a listán”).

validName () metódus visszaadja a valódi értéke igaz. ha inputName beírt név van a tömbben validNames. és visszaad egy hamis érték hamis. ha a név nem található. validNames.indexOf utasítások (inputName) le minden sort stringtömb validNames beírt név inputName. Array.indexOf () metódus visszaadja egy első helyzetében a mutató objektum példány a tömbben. Ez adja vissza -1, ha az objektum nem található a tömbben.

Ahhoz, hogy módosítsa az alkalmazás segítségével szerszám Flash Professional, kövesse az alábbi lépéseket.

Nyílt HelloWorld.fla fájlt.

Módosítsa a forgatókönyvet keret 1, így az üres szöveg ( „”) vezetünk a módszer sayHello (üdvözlõ osztály):

Válassza ki a „szöveg” eszköz az eszköztáron. Két új szöveges mezők a színpadon. Helyezzük őket egymás mellé, a meglévő szöveges mező mainText.

Az első új szöveges mező, amely a címke, írja be a szöveget User :.

Válasszon másik szövegmezőbe, és a type az ingatlan ellenőr „Input text”. Mivel a vonal típusát válassza egyvonalas (egyvonalas). Textin be a példány nevét.

Kattintson kattintson az első képkocka az idővonal.

A testület a „Műveletek”, adjuk hozzá a következő sorokat a végén a meglévő script:

Az új kód hozzáadja a következő funkciókat:

Az első két sor egyszerűen határozza meg a határok két szövegmező.

Beviteli mezőt, például textin. Ez egy sor esemény, hogy képes terjeszteni. addEventListener () metódus lehetővé teszi, hogy meghatározza, hogy a funkció akkor működik, amikor egy esemény egy bizonyos típusú. Ebben az esetben, ez az esemény lesz egy gomb megnyomásával a billentyűzeten.

Testre szabható keyPressed () függvény ellenőrzi, hogy megnyomja az Enter billentyűt. Ha a kívánt gombot megnyomja, az eljárás sayHello () objektum myGreeter továbbítja szöveget egy szöveges mező textin paraméterként. Ez a módszer visszaadja a karakterlánc üdvözlő alapján továbbított érték benne. A visszaadott karakterlánc hozzárendelni a szöveg tulajdonsága a szövegmezőbe mainText.

A teljes script Frame 1 a következő:

Az alkalmazás elindításához, válassza ki a „Kontroll” command> „Test Movie”.

Amikor futtatja az alkalmazást, akkor meg kell adnia egy felhasználói nevet. Ha a név a fogadó program, egy visszaigazoló üzenetet «szia».

Ahhoz, hogy módosítsa az alkalmazás segítségével a Flash Builder eszközöket, kövesse az alábbi lépéseket.

Nyílt HelloWorld.mxml fájlt.

Akkor változik a címke . megmutatni a felhasználót, hogy a szöveg csak a kijelzőn. Változás a háttér színe a világos szürke és állítsa be a szerkeszthető attribútum értéke false:

Most adjuk hozzá a közvetlenül követő záró tag . Ezek a vonalak létrehozására TextInput összetevő, amely lehetővé teszi a felhasználó számára, hogy adjon meg egy felhasználói nevet érték:

Írja attribútum meghatározza a műveletek kerülnek végrehajtásra, ha a felhasználó megnyomja az Entert a userNameTxt területen. Ebben a példában a kódot átadja a szöveget a mezőbe írt, a Greeter.sayHello () metódust. Köszöntő mainTxt terén ennek megfelelően változik.

HelloWorld.mxml fájl a következő:

Mentsd el a szerkesztett fájlt HelloWorld.mxml. Válassza ki a "Run"> "Run HelloWorld", hogy az alkalmazás futtatásához.

Amikor futtatja az alkalmazást, akkor meg kell adnia egy felhasználói nevet. Ha a nevet (Sammy, Frank, vagy Dean) elfogadta a programot, egy visszaigazoló üzenetet «Helló, userName».




Kapcsolódó cikkek