jueves, 13 de septiembre de 2007

Como crear un ToolTip

Ya vamos a ver como crear un tooltip en flash y con ayuda de un poco de AS (actionscript 2), el obejtivo principal sera crear un tooltip de una manera sencilla pero muy funcional.



Empesemos:

1.- Lo primero que haremos es crear el “tooltips”, lo selecionamos (doble click) y presionamos F8 para convertirlo a simbolo, lo convertimos en MovieClip con nombre “Fondo” y el punto de registro en la esquina inferior izquierda…., despues precionamos “OK”, selecionamos nuestro mc en el escenario y en el panel de propiedades (Ctrl+F3) le ponemos como nombre de instancia MctoDrag.

2. Una ves que ya tenemos nuestro tooltips, accedemos a el con doble click y empesamos a crear para cada objeto que tengamos recuadros de comentario, en mi caso importe imagenes de un recuadro de comentario con sombra, cada recuadro tendra una etiqueta para poder localizarla.


3. Luego de haber realizado esto para uno de los componentes que tenemos fuera, nos regresamos a la linea de tiempo principal, ahora para cada objeto que pondremos un tooltips lo convertimos en simbolo y le agregamos el siguiente codigo.

onClipEvent (load)
{
goBack = false;
}
onClipEvent (enterFrame)
{
if (goBack && _currentframe > 1)
{
gotoAndStop(_currentframe - 1);
} // end if
}
onClipEvent (mouseMove)
{
if (hitTest(_root._xmouse, _root._ymouse, false))
{
Rollover = 1;
_root.MctoDrag._visible = 1;
_root.MctoDrag._x = _root._xmouse;
_root.MctoDrag._y = _root._ymouse;
_root.MctoDrag.gotoAndStop("adobe");//nombre de la etiqueta
_root.MctoDrag.swapDepths(99);
this.swapDepths(98);
}
else if (Rollover)
{
Rollover = 0;
_root.MctoDrag._visible = 0;
} // end else if
updateAfterEvent();
}


No olviden dar el nombre de la etiqueta al codigo que pusieron en el tooltips creado.

Bueno la explicacion no fue muy larga y consisa pero por eso les pongo el archivo .fla, porque no hay mejor explicacion que un buen archivo .fla para poder ver el funcionamiento y mejorarlo o ya veran ustedes.

- Descarga archivo .fla

No hay comentarios: