Flash tutorijali as-flash.com

Flash tooltip

U ovom tutorijalu cu objasniti kako napraviti tooltip, tj. kratki info koji se pojavi iznad nekog objekta bez da se klikne na njega. Obicno sluzi za ispis kratkog infoa o samom objektu, linku i sl. Jako korisna stvar, posebno na Flash web stranicama, koje su obicno “malo ekstravagantnije” dizajnirane i nije se lako snaci Probajte na primjeru:

Ovdje mozete skinuti source

Pa da krenemo s izradom. Prvo sto cemo napraviti jest dizajnirati sam tooltip. Nacrtajte tooltip kakav zelite. Zatim na taj nacrtani dio postavite dinamicki text (shortcut: slovo T, pa u Properties panelu odaberete Dynamic Text) Postavite ga tako da ide od pocetka do kraja grafike tooltipa. Takoder odaberite i font (font, velicinu, boju…) Uz to neka vam bude odabrana opcija Single line u Properties panelu. U Instance name kucicu upisite txt. Evo kako bi nekako trebao izgledati Properties panel za Dynamic Text ako ste sve dobro napravili.
Dynamic text properties

Selektirajte sve i zatim stisnite tipku F8 ili Modify>Convert to Symbol>
Postavite sve kako je na slici:
Tooltip - convert to MC

Imenujte ovaj novi Movie clip u properties panelu u kucici Instance name kao tooltip (vidi sliku)
Tooltip - instance name

Gotovi smo sa izradom tooltipa. Sada napravite neke objekte na stageu (na koje cemo primjeniti tooltip) i pretvorite ih u Movie clip. U mom slucaju to su 4 pravokutnika sa Instance name -> mc_1, mc_2, mc_3, mc_4. Nadam se da je ovo jasno, jer tu nema niceg novog sto treba objasniti.Kad je to sve gotovo spremni smo za Actionscript za tooltip.

tooltip._visible = false;
sirina_slova=6;funk_tooltip = function (zastavica, tooltip_txt) {if (zastavica) {createEmptyMovieClip(”kontrolni”, this.getNextHighestDepth());
tooltip.txt.text = tooltip_txt;
tooltip._width =sirina_slova*tooltip.txt.text.length;kontrolni.onEnterFrame = function() {
if ((_root._xmouse+tooltip._width)>Stage.width) {
d_x =-10-tooltip._width;
}
else {
d_x=10;
}
if ((_root._ymouse-tooltip._height)<0) {
d_y =tooltip._height;
}
else {
d_y=0;
}tooltip._x = _xmouse+d_x;
tooltip._y = _ymouse+d_y;
tooltip._visible = true;
}
} else {
tooltip._visible = false;
delete kontrolni.onEnterFrame;
}
}