TUTORIAL  ATUTOPLAY MEDIA STUDIO 7 

TEMA: MANEJO DE ComboBox 

Autor: “Jdyb” 

Colaboradores: “rafaxplayer” y “Ceone™” 

 

Bueno,  lo  primero  que  tenemos  que  hacer  es  crearnos  un  nuevo proyecto como ya vimos en anteriores tutoriales, pero por si acaso lo voy a repetir. 

Hemos de hacer click en file luego le damos a new y nos saldrá una ventana como la que vemos a continuación, en la que podremos elegir el estilo de menú que más se adapte a nuestras necesidades. 

 

Comentar que el programa guardará el proyecto en una carpeta por defecto, que  se encuentra en Mis Documentos, pero nosotros podemos 

guardarlo  en  la  carpeta que queramos haciendo  click en  file  y  luego  en save as. 

CARPETA POR DEFECTO DONDE SE GUARDAN LOS PROYECTOS 

C:\Documents and Settings\Usuario\Mis documentos\AutoPlay Media Studio 7.0\Projects

 

Bueno, ya tenemos el nuevo proyecto creado, como podréis ver de momento  el  proceso  es  muy  sencillo,  pero  no  se  crean  que  se  va  a complicar mucho más. 

Antes de nada definir por encima lo que es un ComboBox  Pues en definitiva es un menú desplegable gracias al cual podremos  tener varias opciones en un mismo  lugar y nos puede servir para ahorrarnos espacio en nuestro menú y también es una forma de presentación muy elegante. 

 

Pues  bien,  para  empezar  a  “juguetear”  con  los  ComboBox  lo primero que hemos de hacer es localizarlo y crearnos uno a nuestro gusto. Aquí les muestro donde se encuentra en la barra de herramientas. 

 

ComboBox 

 

 

 

 

  Bueno, una vez que ya está  localizado pues hacemos  click en él y nos aparecerá algo de este estilo en nuestro menú. 

 

  Ahora para empezar a ver sus propiedades y configurarlo a nuestro gusto lo único que hemos de hacer es hacer doble click sobre el objeto; y nos saldrá una ventana como la siguiente. 

  Ahora  les  explicaré dentro de  la  ventana  lo que  es  cada  cosa por encima para que lo tengan todo claro. 

 

 

 

 

 

 

Lo que se muestra en el menú 

Valor interno del dato (puede ser un número o un string) 

Color de la fuente y del fondo del menu 

Control del orden de los elementos del ComboBox 

 

 

  Ahora que ya conocemos todas  las propiedades del objeto  lo único que  hemos  de  hacer  es  rellenar  la  tabla  con  las  opciones  que  nos interesen,  poniendo  las  opciones  en  Item  Text,  y  el  valor  interno  que tomará  cada una de ellas en  la  columna de  Item Data, esta  columna es muy útil porque nos facilita  la escritura del código, ya que es mucho más cómodo poner un  1 por  ejemplo que  tener que  poner  el  nombre de  la opción entera. 

 

Una vez que ya  tengamos  todas  las opciones escritas ya podemos continuar creando el código que se va a ejecutar cuando el usuario cambie la opción seleccionada del ComboBox. 

Ahora  sin  cerrar  la  ventana  que  teníamos  abierta  nos  vamos  a  la pestaña de scripts, y es ahí donde crearemos nuestro código. 

Aquí tenemos que poner el código si queremos que se ejecute cuando se seleccione una opción 

 

 

  Como  ahora  veremos  este  objeto  tiene  unas  posibilidades  casi infinitas dependiendo de cómo  lo usemos, para qué y  si  lo  combinamos con más ya ni os imaginéis las posibilidades de este componente. Como es obvio  yo  no  les  puedo  explicar  todas  sus  posibilidades  aquí,  pero  sí  les enseñaré algunas de las utilidades mediante algunos ejemplos. 

   

En  los códigos usaré comentarios, que en definitiva son  líneas que no se ejecutan, en ActionScript, que es el leguaje que usa los comentarios serán dos guiones, y  lo que se escriba a partir de  los dos guiones  (‐‐) en esa misma línea no será ejecutable. 

 

  El primer ejemplo que les voy a enseñar va a ser un simple menú en el que seleccionas una opción y se ejecuta una acción. 

  Esto es muy fácil, no hace falta que sepan nada de programación, ya que  el  programa  incorpora  una  interfaz  muy  sencilla  para  que  no  se tengan que aprender los nombre de las funciones. 

  Para  empezar  lo  único  que  han  de  hacer  es  plantearse  lo  que quieres que haga tu menú (Primero pensar después programar). 

  Una vez que ya tenemos claro las opciones que hay y que queremos que  haga  en  cada  opción  empezaremos  a  escribir  el  código.  Para  ello hacemos  click en add  code  y después  seleccionamos  la  categoría de  los ComboBox y seleccionamos la que queremos, que en este caso será la de obtener el índice de la opción que está seleccionada para así poder saber lo el dato que hay en un determinado índice. 

 

 

 

 

 

Ayuda 

 

  La  seleccionamos  y  lo  único  que  habrá  que  hacer  es  poner  el nombre de  la  variable donde  se  guardará.  Luego  lo que  tendremos que saber es el dato que hay en ese índice; entonces ya tendríamos dos líneas de código y ahora dependiendo de las opciones que tengamos tendremos, más  líneas de  código que harán  lo  siguiente  (“Si opción  seleccionada  es igual  a  esto  hago  esto”),  y  sería  así  sucesivamente  hasta  acabar  las opciones. Les pongo una captura de cómo quedaría. 

 

Les pongo el código por escrito para que se vea más claro. 

Index = ComboBox.GetSelected("ComboBox1");

data = ComboBox.GetItemData("ComboBox1", Index);

if data=='1' then

--Hacer algo

end

if data=='2' then

--Hacer algo

end

 

 

Una vez que ya tenemos nuestro primer código delante toca explicarlo un poco. 

No os voy a explicar lo que hace porque eso ya lo he explicado sino que os voy a explicar a grandes rasgos que es cada cosa. 

Lo primero las palabras reservadas, son las que he pintado en azul y negrita  (hay  más,  pero  en  este  código  sólo  hay  esas),  son  aquellas palabras que como su propio nombre dice están reservadas, es decir, no las  podemos  usar  para  otra  cosa,  no  se  pueden  usar  como  nombre  de variables, etc; pero si las podemos usar en líneas comentadas. 

Algunos se preguntarán “¿Porqué he puesto el 1 y el 2 entre comillas simples?”,  pues  bien,  la  razón  es  simple;  siempre  hay  que mirar  en  la ayuda del programa el tipo de dato que devuelve una función (puede ser numérico o un string que es una cadena de caracteres), en función del tipo de dato que devuelva deberemos adaptar el código a ello. 

Me explico, como la función ComboBox.GetItemData devuelve un string, pues no podemos comparar un número con un string, entonces hemos puesto  las comillas simples para  indicar que el 1 es un carácter, si tuviéramos  una  cadena  entera  sería  con  comillas  dobles;  las  comillas simples se usan para un solo carácter. 

Esto es lo que encontraremos en la ayuda. 

 

 Tipo de dato de retorno  

 

  Bueno, y ahora por último sólo por si no se han dado cuenta, el if, es  igual que en  inglés (“Si se cumple esto hago  lo otro”),  la acción del if se cerrará mediante la palabra reservada end. 

  Otra cosa importante es como habeis visto en el ejemplo toda línea de  código  termina  en  punto  y  coma,  exceptuando  los  if  y  demás estructuras condicionales. 

 

Bueno, ya  tenemos nuestro primer ejemplo completo y explicado, “¿A que ha sido fácil?”. 

 

Ahora  se  me  ocurre  que  podemos  ver  un  ejemplo  más  sencillo todavía; vamos a hacer un ComboBox que según se seleccione una opción cambia de página del menú. 

Vamos  a  ello,  para  empezar  tendríamos  que  hacer  lo mismo  que antes,  crearnos  el ComboBox  y  rellenarlo  con  las opciones  y  en  el  Item Data ponemos los nombres de las páginas. 

Una vez  lo tengamos  listo añadimos el código  igual que antes, y  lo único que cambiaría será lo que hay debajo de las dos primeras líneas. 

 

  Para añadir  la  función de Page.Jump haremos  lo mismo que antes, le damos a add code y nos vamos a la categoría Page, ahora lo verán en la captura. 

 

Le dan a siguiente y lo único que habrá que poner será el nombre de la  página  a  la  que  nos  queremos mover,  como  no  siempre  va  a  ser  la misma página no podemos poner el nombre de una página (entre comillas dobles por  ser un  string),  sino que pondremos el nombre de  la variable donde se almacena  la opción seleccionada del ComboBox  (Lo tendremos que poner sin comillas, ya que si no  intentaría  ir a  la página que se  llama como la variable). 

Aquí les muestro una captura de la pantalla que les saldrá cuando le den a siguiente. 

 

Así quedaría finalmente la pantalla del código. 

 

  Les muestro el código por separado para que lo vean mejor. 

Index = ComboBox.GetSelected("ComboBox1");

data = ComboBox.GetItemData("ComboBox1", Index);

Page.Jump(data); 

 

Bueno, ahora que ya han visto varios ejemplos de  lo que se puede hacer con un solo ComboBox, ya se imaginaran lo que se puede hacer con varios de ellos, la posibilidades son muchísimas, como ya les dije yo no les puedo mostrar todas las posibilidades. 

 

Si queremos ir más lejos sólo hay que investigar y jugar un poco con el  tema.  Por  ejemplo,  yo  hace  poco  hice  un  trabajo  para  demostrar  el funcionamiento de un circuito en el que había cuatro de ellos, cada uno con dos posiciones (Encendido y apagado) y siguiendo una tabla de verdad en función de cómo estuvieran los cuatro “Interruptores” se encendían las luces de una habitación con más o menos intensidad. 

 

  Para  que  ustedes  puedan  investigar  un  poco  sobre  ello  les  voy  a poner las funciones más usadas o más útiles de todas las que hay para que las sepan usar correctamente en el código. 

Primero una lista de todas ellas. 

 

ComboBox.GetItemText Esta  haría  lo mismo  que  la  que  ya hemos usado anteriormente, sólo que en vez de devolver el dato devuelve el  texto  de  un  determinado  Item,  su  uso  sería  el mismo  que  la  que  ya hemos visto y también devuelve un tipo de dato string. 

 

ComboBox.SetSelected Esta  es  muy  útil  para  poder seleccionar una determinada opción, me explico, por defecto el autoplay muestra  en  pantalla  la  primera  de  las  opciones,  pero  con  esta  función 

podremos poner la que nosotros queramos. Para usarla sólo tenemos que conocer el índice de la opción que queremos seleccionar. 

 

Con estas ya se puede hacer  la mayoría de las cosas, pero como ya he  repetido  hay  que  investigar  por  uno mismo  y  se  van  consiguiendo muchas más cosas. 

 

Sin  más  me  despido,  espero  que  les  haya  sido  de  utilidad  este tutorial, y espero poder hacer más como este. 

 

Reciban un cordial saludo de Jdyb.