Trabajos

Solo disponible en BuenasTareas
  • Páginas : 4 (798 palabras )
  • Descarga(s) : 0
  • Publicado : 24 de marzo de 2010
Leer documento completo
Vista previa del texto
Tutorial de creación de tooltips en Flash

Por: TheOm3ga
23 de Agosto del 2004
Flash Básico
287 de clabLevel
Otros artículos de TheOm3ga
144,159 visitas
diseño flash actionscript efectoscomponentesEn este tutorial vamos a ver cómo crear esos archiconocidos cuadritos de texto, los tooltip texts, o cuadros de información de la herramienta. Son esos cuadros que aparecen al dejar quieto el ratónsobre algún botón, con un texto explicativo del elemento sobre el que estemos apuntando.
Lo primero que haremos será crear tres botones, cuyos nombres d instancia serán respectivamente "boton1, boton2 yboton3".
El segundo paso es crear un archivo .as con el código del tooltip. Abrimos un nuevo documento .as, lo llamamos "tooltip.as" e insertamos el siguiente código:
function init(){
_root.c = _root.getNextHighestDepth();
_root.createEmptyMovieClip("tooltip", _root.c);
_root.tooltip.createTextField("alt", _root.c+2, 0, 0, 10, 10);
with (_root.tooltip.alt) {
autoSize =true;
border = true;
background = true;
backgroundColor = 0xFFFFE1;
html = true;
selectable = false;
}
_root.formato = new TextFormat();
_root.formato.font = "tahoma";
_root.formato.size ="11";
_root.tooltip.createEmptyMovieClip("sombra", _root.c+1);
_root.tooltip._visible = false;
}
Esta función lo que hace es crear en la raiz del documento (_root) un nuevo movieclip vacío, al quellamaremos "tooltip" y que será el contenedor de todo nuestro tooltip. Se crea en el mayor nivel libre, para que se vea encima de todo. Dentro de este clip, creamos un campo de texto dinámico al quellamaremos "alt", y al que formateamos de la manera más parecida a los tooltips de windows, es decir con un borde de 1px, negro, de fondo veig y fuente Tahoma a 11 puntos. También en este clip tooltipcreamos otro clip vacío llamado "sombra", que obviamente será la sombra de nuestro tooltip. 
Finalmente ocultamos el conjunto con _visible = false;
Ahora, insertaremos el siguiente párrafo de código...
tracking img