En Macromedia Flash 8 y Macromedia Flash Profesional 8, como desde la version MX 2004, existen muchos elementos que nos hacen la vida muchos mas fácil al momento de crear nuestros sitios y sobre todo si no estamos muy familiarizados con el lenguaje ActionScript 2.0.

Bien tenia un tiempo que no escribía tutoriales de flash, pues me había dedicado un poco al rollo grafico, pero gracias a varias consultas que han salido en estos días, regreso un poquito a la programada y he aquí este último tutorial.

El uso de ComboBox bien aplicado nos permite cientos de opciones de diseño y organización de nuestros programas flash, sobre todo cuando empecemos a trabajar con contenidos dinámicos, por ejemplo lectores de RSS, Obtención de datos de una DB o bien cualquier cosa que se nos ocurra, aunque en esta primera parte únicamente cargaremos películas simples para demostrar su funcionamiento, en el posterior tutorial si le entramos ya al RSS y al XML.

Bien espero que les guste o sirva de algo y gracias a todos los que leen mis tutos por el apoyo y seguirlos, mientras siga así dan ganas de seguir escribiendo.

Bien creamos una película nueva y diseñamos lo que seria nuestro entorno. Este es completamente a gusto personal el mió quedo así:

Crearemos solo tres capas, pues no necesitamos mas para este ejemplo, una capa de ACCIONES, una mas para el Diseño y otra para los componentes (El ComboBox y el MC contenedor).

Con nuestro entorno ya dibujado y conformes con el diseño, pasaremos a lo interesante de este tutorial, el código para hacerlo funcionar. Es bastante simple y si alguien conoce los principios de ActionScript 2.0 (o leyó mis tutoriales introductorias al lenguaje) vera que es muy fácil; es solo tener un poco de idea de la estructura y un buen uso de switch.

Presionamos F9 para acceder a nuestro editor de ActionScript en el fotograma 1, en la capa acciones e ingresamos el siguiente script (leer comentarios, ahí explico el funcionamiento).

//Agregamos los elementos del combo box
mi_box.addItem(”Selecciona”, 0); //Contenido default
/* El principio basico del componente ComboBox, al menos en Flash y ActionScript
es el mismo de una Array(), pues crea un vector con opciones enlistadas, por
lo tanto siempre comenzaremos a contabilizar el vector desde el 0
*/
mi_box.addItem(”Introduccion.”, 1);
mi_box.addItem(”La Sintaxis”, 2);
mi_box.addItem(”Los Operadores”, 3);
mi_box.addItem(”Las Propiedades 5″, 4);
//———————————–
//Cargando contenido Default
_root.contenedor_mc.loadMovie(”0.swf”);
//———————————–
//Funcion para activar el ComboBox
selectMenu = new Object();
//Creamos la funcion selectMenu, que es nuestra apliacion principal
//para el combobox. Declaramos esta funcion como un nuevo objeto.
selectMenu.change = function(evento) {
/* selectMenu al ser un objeto, podemos agregarle cualquier propiedad
valor u opcion, en este caso otra funcion, la cual nombraremos “evento” */
trace(”Seleccionado “+evento.target.value);
//este trace es opcional, lo agregue para ver la salida del objeto
//seleccionado
switch (evento.target.value) {
//Crearemos una condicional bifurcada, o sea una estructura switch
//la cual evualuara y ejecutara una accion, dependiendo de la opcion
//que seleccionamos en el comboBox, esta opcion se indexara segun
//el orden correspondiente en el array de opciones de arriba
case 0 :
_root.contenedor_mc.loadMovie(”0.swf”);
break;
case 1 : //al seleccionar el index 1
_root.contenedor_mc.loadMovie(”1.swf”); //cargar 1.swf en contenedor_mc
break; //terminar la instruccion.
case 2 :
_root.contenedor_mc.loadMovie(”2.swf”);
break;
case 3 :
_root.contenedor_mc.loadMovie(”3.swf”);
break;
case 4 :
_root.contenedor_mc.loadMovie(”4.swf”);
break;
}
};
mi_box.addEventListener(”change”, selectMenu);
//aplicamos la funcion creada a mi box y listo!!

Ahora crearemos 5 películas independientes las que serán el contenido de nuestra aplicación y lo que cargaremos en nuestro contendor al usar el comboBox, aunque no es la única opción, como antes mencionaba se pueden hacer montones de cosas con comboBox, por ejemplo si modificamos un poco el switch:

case 1:
_root.getUrl(”http://kitschmultimedia.info”);
_root.texto_txt.text = “Ingresando a KitschMultimedia”;
break;

En lugar de cargar un MovieClip, nos enviara a una url, y escribirá un texto diciéndonos a donde vamos.

Finalmente las posibilidades son miles, aquí parte en mucho nuestra creatividad.

Saludos.