Tartalomjegyzék:

Adobe Flash előtöltő képernyő létrehozása: 9 lépés
Adobe Flash előtöltő képernyő létrehozása: 9 lépés

Videó: Adobe Flash előtöltő képernyő létrehozása: 9 lépés

Videó: Adobe Flash előtöltő képernyő létrehozása: 9 lépés
Videó: AS3 Preloader test (Largest resolution) 2024, November
Anonim
Adobe Flash előtöltő képernyő létrehozása
Adobe Flash előtöltő képernyő létrehozása

A Flash előtöltő program a betöltés közben vonzza a felhasználókat a webhelyére azáltal, hogy megjelenít egy fájlbetöltő sávot, amely frissíti a webhely előrehaladását. Így készíthet egyet. Szüksége lesz rá

  • Számítógép internet -hozzáféréssel
  • Adobe Flash CS4
  • Egy meglévő Actionscript 3.0 webhely

1. lépés: 1. lépés: Nyissa meg a Flash fájlokat

Lépés: Nyissa meg a Flash fájlokat
Lépés: Nyissa meg a Flash fájlokat

Indítsa el az Adobe Flash CS4 programot, és nyissa meg a Flash webhely fájljait. A munkaterület elrendezésének megváltoztatásához kattintson a menüsor bal felső sarkában található legördülő menüre, és válassza a Tervező lehetőséget.

2. lépés: 2. lépés: Üres kulcskeret hozzáadása

2. lépés: Üres kulcskeret hozzáadása
2. lépés: Üres kulcskeret hozzáadása

Az idővonal panelen jelölje ki az összes réteget a felső réteg kiemelésével, a Shift billentyű lenyomva tartásával és az alsó réteg kiemelésével. Kattintson és húzza a felső réteg első képkockáját egy kerettel jobbra, és üres keretet hoz létre minden réteg elején.

3. lépés: 3. lépés: Hozza létre a betöltősávot

3. lépés: Hozza létre a betöltősávot
3. lépés: Hozza létre a betöltősávot

Hozza létre a betöltősávot. Először jelölje ki az idővonal alsó rétegét, és az Eszközök panelen válassza ki a téglalap eszközt. Ezután a Tulajdonságok menüpontban módosítsa a téglalapvonás és kitöltés színét, valamint a vonás méretét. Rajzoljon egy téglalapot a weboldal közepére. Győződjön meg arról, hogy a téglalap és a vonás nem illeszkedik a weboldal hátterébe. TIPP Ha nem biztos abban, hogy mit jelent egy ikon bármelyik panelen, tartsa az egérmutatót a leírás fölött.

4. lépés: 4. lépés: A betöltősáv körvonalának átalakítása

4. lépés: Konvertálja a betöltősáv körvonalait
4. lépés: Konvertálja a betöltősáv körvonalait

A betöltősáv vázlatának átalakítása filmklippé. Válassza ki a kiválasztó eszközt az Eszközök menüből, és kattintson duplán a téglalapra, hogy a teljes körvonal legyen kijelölve. Nyomja meg az F8 billentyűt a „Konvertálás szimbólummá” ablak megjelenítéséhez. Változtassa meg a nevet „vázlat” -ra, és módosítsa a típust „Filmklip” -re. Kattintson az OK gombra.

5. lépés: 5. lépés: A betöltősáv átalakítása

5. lépés: Konvertálja a betöltősávot
5. lépés: Konvertálja a betöltősávot

Adja meg a lépés általános leírását. Kattintson a téglalap közepére, és nyomja meg az F8 billentyűt, hogy azt is szimbólummá alakítsa. Változtassa meg a nevet téglalap alakúra, a típust pedig Filmklipre. A regisztrációhoz válassza ki a bal oldali középső négyzetet. Ezután kattintson az OK gombra. Most lépjen a Tulajdonságok panelre, és módosítsa a példány nevét rectangle_clip -re.

6. lépés: 6. lépés: Hozza létre a százalékos szöveget

6. lépés: Hozza létre a százalékos szöveget
6. lépés: Hozza létre a százalékos szöveget

Válassza ki a szöveg ikont az Eszközök menüben. Állítsa be a szöveg attribútumait a Tulajdonságok alatt, és győződjön meg arról, hogy a szövegeszköz beállítása dinamikus szövegre van állítva. Rajzoljon egy szövegdobozt a dokumentumra közvetlenül a téglalap alatt. Ekkor a Tulajdonságok panel megjeleníti a szövegmező tulajdonságait. Ezekben az új tulajdonságokban módosítsa a példány nevét text_clip értékre.

7. lépés: 7. lépés: Írja be a "stop" és "event" szkripteket

7. lépés: Írja be a
7. lépés: Írja be a

Győződjön meg arról, hogy az alsó réteg első képkockája ki van választva az Idővonal panelen, nyomja meg az F9 billentyűt a Műveletek panel megjelenítéséhez. Az első sorba írjon egy stop scriptet, amely megakadályozza a weboldal kerékpározását. Az Enter billentyű lenyomásával ugorjon a következő sorra, és adjon hozzá egy parancsfájlt, amely eseményfüggvényt rendel a weboldalhoz. A függvény előhívása1. Nyomja meg az Enter billentyűt.

8. lépés: 8. lépés: Írja be a "függvény" szkriptet

8. lépés: Írja be a
8. lépés: Írja be a

Írja be a preload1 függvényt, amely két változót tartalmaz: az egyik a weboldal összes bájtját adja vissza, a másik pedig azt, hogy hány bájt van betöltve. A függvény ezután beállítja a betöltősáv méretét és a százalékos szöveget, amely jelzi, hogy hány bájt van betöltve. A funkció utolsó része azt mondja a Flashnek, hogy lépjen az idővonal második képkockájára, és játssza le, miután a teljes dokumentum betöltődött. TIPP A dokumentum előnézetének megtekintéséhez lépjen a Vezérlés, Mozgókép tesztelése lehetőségre a felső menüből.

9. lépés: 9. lépés: Közzététel és feltöltés

9. lépés: Közzététel és feltöltés
9. lépés: Közzététel és feltöltés

Tegye közzé a webhelyet a Fájl, Közzétételi beállítások menüpontban. Győződjön meg arról, hogy mind az SWF, mind a HTML négyzet be van jelölve. Nevezze át mindkét fájlt, és válassza ki a menteni kívánt helyet. Ezután kattintson a közzététel gombra, és töltse fel az összes közzétett fájlt a webszerverre. A Flash oldal eléréséhez navigáljon a webszerver HTML -fájljához.

Ajánlott: