SadrÅŸaj kursa
Još ActionScript-a
0/2
Flash

U ovom poglavlju preći ćemo na izradu jednostavnog Web sajta u cilju obnavljanja svega Å¡to smo dosad naučili. Ovaj Web sajt sadrÅŸaće plutajućI navigacioni panel, sličan onome koji smo dizajnirali u prethodnom poglavlju. Zato ćemo prvo preći na njegovo dizajniranje. Uzmite alatku Rectangle i nacrtajte pravougaonik određenih i razumnih dimenzija. Zatim ga selektujte i konvertujte u simbol. Novi simbol ćemo nazvati mcNavPanel, a za tip simbola ostavićemo vrednost MovieClip. Primetićete da pratimo konvenciju zadavanja naziva koju smo obradili na početku ovog kursa. Kliknimo na dugme OK da bi zatvorili okvir, a zatim zadajte naziv novoj instanci. Nazvaćemo je Navpanel. Sad dva puta kliknimo na ovaj simbol kako bi ga modifikovali. Da bi smo dobili efekat senke, kreiraćemo novi lejer, i postaviti ga tako da bude smeÅ¡ten iznad lejera 1. Selektujte alatku Rectangle, isključite opciju za bojenje povrÅ¡ine, i potvrdite da vam je selektovana opcija Snap to Object. Zatim nacrtajte pravougaonik koji ima iste dimenzije kao onaj koji smo maločas nacrtali. Sad prebacite lejer 2 ispod lejera 1, i koristeći se kursorskim strelicama, odvucite pravougaonik tako da se vidi sa desne i donje strane. Sad ovaj pravougaonik moramo načiniti transparentnim, i zato otvorimo Color Mixer panel. Promenimo veličinu transparentnosti na 38 procenata, ili na veličinu koja vam odgovara. Sad ćemo preći na izradu naslovne linije, na način koji smo pokazali u prethodnom poglavlju. Selektujmo alatku Line, zatim isključimo lejer 1 i nacrtajmo liniju. Koristite alatku Arrow kako biste selektovali oblast iznad linije, pri tom pazeći da su sve linije povezane kako treba. DrÅŸeći pritisnut taster Shift selektujte sve strane, zatim ovaj selektovani objekat konvertujte u simbol. Novi simbol nazvaćemo btnNavDrag, i biće tipa Button. Nakon Å¡to kliknemo na dugme OK da zatvorimo okvir za dijalog, kliknimo dva puta na novi simbol da bismo ga modifikovali. Dodaćemo efekat trodimenzionalnosti. Gornju i levu ivicu ćemo izbledeti, dok ćemo i desnu i donji ivicu takođe osvetliti ali ne u istoj količini. Gornjoj i levoj ivici povećaćemo vrednost crvene boje, kako bi dobili utisak da ove linije pripadaju crvenom okviru. Sad dodajmo malo teksta kako bismo obavestili korisnike Å¡ta mogu da urade sa ovim panelom. Smanjićemo veličinu i uneti tekst Drag. Kao zavrÅ¡ni korak, dodaćemo ključne frejmove stanjima Over i Down. Za Hit stanje ne moramo niÅ¡ta raditi, jer su sva podeÅ¡avanja postavljena u Up stanju. Pored toga, moÅŸemo izmeniti boje dugmeta za ova dva stanja. Takođe ćemo izmeniti i boje teksta za ova dva stanja. Vratimo se korak nazad u editoru, i sada ćemo dodati nekoliko akcija za pomeranje panela. Selektujmo dugme i dodajmo nekoliko akcija. Prvo moramo dodati komandu Start Drag koja je smeÅ¡tena u grani Actons, i sekciji Movie Clip Control. NaÅ¡a odrediÅ¡na tačka je NavPanel simbol, i ovom prilikom primetite da koristimo apsolutnu putanju. Selektujte poslednju liniju koda, i dodajte StopDrag komandu. IzvrÅ¡ićemo izmenu stanja miÅ¡a u prvoj liniji koda, i umesto Release stanja stavićemo Press stanje, iz razloga koje smo ranije objasnili. Isprobajmo kako sve to izgleda.

0% Završeno
Call Now Button