Meniu in Flash cu slider

In acest tutorial o sa facem un meniu cu o mica bara ( slider ) care v-a merge dupa mouse.

Butoanele si slider-ul

Intr-un nou document Flash v-om crea 2 layers pe care le numim butoane si slider.

Dupa care selectam layer-ul butoane si facem 1 buton folosind unelta Rectangle,
Odata ce avem butonul facut , il selectam si mergem la Modify - Convert to symbol( F8 ) si alegem tipul buton si il numim btn1.

Acum dam click pe buton si ii scriem numele instantei btn1, dupa care tinand apasata tasta ALT duplicam butonul de cate ori vrem noi . Eu l-am duplicat de 4 ori , avand un total de 5 butoane .
La cele 4 noi butoane le schimbam numele de instanta btn2 , btn3, btn4 si btn5.
Selectam layer-ul slider si facem un dreptunghi . Avand acest dreptunghi selectat apasam F8 si il convertim intr-un Movie Clip cu numele slider si ii trecem ca nume de instanta slider.

ActionScript

Avand inca dreptunghiul ( slider-ul ) selectat, mergem la Window - Actions ( F9 ) si scriem urmatorul cod :

//acest event incepe in momentul in care instanta slider s-a incarcat
onClipEvent (load){
	//mutaX este variabila care contine coordonatele mouse-ului
    mutaX = _x;
	//variabila viteza , determina viteza de deplasare a slider-ului
    viteza = 10;
}
onClipEvent (enterFrame) {
    //pozitia instantei slider
    _x += (mutaX-_x)/viteza;
}
// ecuatia anterioara este la fel cu :  ---> _x = _x + ((mutaX-_x)/viteza)

Acum selectam primul buton si scriem urmatorul script:

on (rollOver) {
    //muta slider-ul la pozitia primului buton
    slider.mutaX = btn1._x;
} 

Pentru butonul 2

on (rollOver) {
    //muta slider-ul la pozitia buton2
    slider.mutaX = btn2._x;
} 

Si tot asa pentru toate butoanele , tot ce trebuie sa schimbati este numarul butonului "btn" din slider.mutaX = btn2._x;

Vedeti ca nu este chiar asa greu ? Cu un pic de imaginatie puteti forma impresionante meniuri cu ajutorul acestui tutorial.Sper sa va placa.

• Contact
• Upload Tutorial
• Termeni de utilizare

© Copyright 2009 rotuts.com . All rights Reserved . Designed by Mihail Alin. Nu se recomanda IE6 ca browser pentru navigarea acestui website.

Designul acestui web-site este complet optimizat pentru urmatoarele navigatoare | This Web-site design is fully optimized for these browsers :