Google Web after-hours

Contador en flash JSFL Traductor
Este pretende ser el primero de una serie de artí culos dirigidos a quien ha pasado recientemente a MX desde una versión inferior, por experiencia, sé que hay una tendencia a empezar a usar el programa sin fijarse mucho en las novedades que la nueva versión ofrece, cayendo de esa forma en el error de usar métodos de programación clasificados como obsoletos.

La configuración de un botón flash MX es idéntica a la de un botón en flash 5, si editamos una instancia de botón, veremos que tiene los estados reposo, sobre, presionado y zona activa.

Tambien los eventos son casi los mismos ( onDragOut, onRelease, onReleaseOutside, onRollOver, onRollOut, onPress).Con flash 5 la forma de asociar un evento a un botón era como sigue:


on(release){
//acción
}

Con flash MX, puedes seguir utilizando el viejo estilo, pero verás que el nuevo es mucho más práctico.

Hay una gran diferencia en como asociamos eventos a un botón con flash MX; con flash 5, adjuntabamos scripts directamente a cada botón mediante el panel acciones; esto era un poco engorroso sobre todo en el caso de tener muchos botones, ya que éstos podí an estar en cualquier parte de nuestra pelí cula, de forma que para ver el código de cada botón, teniamos que hacerlo de uno en uno, aquí es donde encontramos una de las grandes mejoras ya que ahora podemos asociar los scripts de eventos de botón a la lí nea de tiempo de éste dado que ahora los botones pueden tener nombre de instancia, de manera que ahora todos los scripts de eventos de botón, pueden escribirse juntos, proporcionando un modelo de programación mas estructurada.

Ejemplo(Barra de menú con cuatro botones):

  1. Creamos nuestros objetos botón
  2. Escribimos un nombre de instancia(1) para cada botón(bot1, bot2, bot3, bot4)
  3. Seleccionando el primer fotograma de nuestra pelí cula abrimos el panel acciones F9 y escribimos:


    bot1.onRelease=function(){
    // acción
    }

    bot2.onRelease=function(){
    // acción
    }

    bot3.onRelease=function(){
    // acción
    }

    bot4.onRelease=function(){
    // acción
    }

1.El inspector de propiedades, se activa al seleccionar un objeto.
En próximos artí culos, trataremos otras novedades concernientes al objeto botón, nos vemos! :-)

41 Responses to 'Configurar un botón en flash MX'

  1. orlando itza Says:

    como creo un menu deslizante en flash mx

    o tienes algun ejemplo enviamelo por fa?@

  2. tonilopez Says:

    Hola Orlando, si me dices un sitio donde pueda mirar el tipo de menú que quieres, podrí a hacer un tuto.

    saludos.

  3. omar Says:

    Hola como estas mucho gusto mi nombre es omar, te escribo por que vi tu tutorial en internet y me pareció muy bueno. Soy una persona que estoy comenzando a usar flash y tengo dos preguntas que espero que me puedas contestar:
    1. si tengo una animación y quiero quemarla en cd, apenas la pongo en la computadora quiero que corra automáticamente como puedo hacer para que esto ocurra?.
    2. si tengo un botón y quiero que ese botón valla a otra scene como hago para ponerle la dirección de la otra scene.

    Gracias por tu tiempo y espero que puedas responder mis interrogantes.

    Omar e. sanchez

  4. tonilopez Says:

    hola Omar,

    Pregunta 1:

    Tienes que crear un autorun:

    Ingredientes

    1 archivo .ico (opcional)
    1 archivo .exe lo creas a partir del panel de configuración de flash
    1 archivo .inf (ahora veremos como se crea)

    // – Crear el archivo .inf

    1. abre el bloc de notas

    2. inserta el siguiente código
    [autorun]
    open=miarchivo.exe
    icon=icono.ico

    3.Guarda el archivo como autorun.inf

    Los archivos miarchivo.exe, icono.ico y autorun.info deben estar en la misma carpeta.

    Quema tu CD, cuando insertes el CD en la unidad lectora, empezará a reproducirse automáticamente.

    Pregunta 2

    boton.onRelease = function() {
    gotoAndPlay("nomreEscena", fotograma);
    };

    Donde:

    fotograma puede ser un número de fotograma o una etiqueta (label)

  5. Saul Says:

    Amigo yo quiero saver el nombre de algun programa para poder hacer mis propios icomos para los cd exe. y no eh encontrado ningun programa para eso…. Espero q me puedas ayudar con mi pregunta ok GRACIASSSSSSSSSS

  6. Sandra Aguirre Azamar Says:

    hola necesito ayuda no puedo hacer que un boton al darle clic me envie a otra parte urgeme
    porfavor

  7. tonilopez Says:

    Hola Sandra:

    este es el código para poner en las acciones del botón

    on (release) {
    getURL("www.lapagina.com", “_blank");
    }

    o bien en el primer fotograma de la pelí cula

    btn.onRelease=function(){
    getURL("www.lapagina.com", “_blank");
    }

    _blank te abre la URL en una nueva ventana
    tambien puedes usar como target _self, _top

    saludos.

  8. pilar Says:

    Hola, tengo problemas con el código para hacer que un boton se detenga cuando pincho y ver la informacion, esto en flash como lo hago?

  9. tonilopez Says:

    Hola Pilar, sinceramente no entiendo muy bien tu pregunta, te recomiendo que utilices el foro que está a tu disposición y donde puedes explicarte con más detalles. Seguro que lo solucionamos.

    Saludos

    Foro:

    http://www.after-hours.org/foro/

  10. Mauricio Says:

    hola, felicitaciones por tu labor y gracias tb, ya que nos ayudas bastante…. quisiera hacerte una preguntita…

    > como puedo hacer para que al poner el puntero (mouse) sobre un boton, este siga normal y no cambie a “la manito” de link? … de antemano gracias… saludos…

  11. tonilopez Says:

    Hola Mauricio,

    Para evitar el cursor en forma de mano, usa la propiedad useHandCursor.

    Ejemplo:

    // – Actua sobre todos los botones de mi pelicula:
    Button.prototype.useHandCursor = false;

    // – Actua sobre un determinado botón:
    miboton_btn.useHandCursor= false

    Saludos

  12. Javier Says:

    Hola Buenas !

    Como puedo activar los labels del menu bar en el flash Mx, independientemente ?

    Gracias

  13. tonilopez Says:

    Disculpa Javier,

    menu bar ¿es algún componente de Flash MX?

    Si es así , pregunta en el foro por favor, no lo conozco.

    Foro after-hours:

    http://www.after-hours.org/foro/

  14. jorge Says:

    hola…gracias por tu ayuda…
    quisiera saber como se realiza un archivo exe. y un archivo ico. y tambien como puedo hacer una animacion y que esta siga al cursor…Gracias

  15. tonilopez Says:

    Hola Jorge,

    un arhivo .exe (supongo que te refieres a partir de una pelicula flash) se crea escogiendo el formato .exe en archivos>configuración de exportación>formato.

    Un archivo .ico, se puede hacer con cualquier programa que permita guardar con la extensión .ico (por ejemplo microangelo).

    Para el cursor personalizado, un enlace:
    http://www.after-hours.org/blog/archives/000057.html

    Si necesitas más información al respeto puedes
    formular tus consultas en nuestro foro:

    http://www.after-hours.org/foro/

    saludos!

  16. Arturo Says:

    Necesito direccionar un boton que hice en flas a un frame en especial en una pagina en html como le hago gracias

  17. luis Says:

    Oye como etas, espero que bien.
    Como puedo hacer un loading para mi pagina(que vaya cargando dependiendo la velocidad).
    Gracias.

  18. tonilopez Says:

    Hola Luis, estos son enlaces a tutoriales y flas sobre el tema.

    http://www.after-hours.org/blog/archives/000507.html
    http://www.after-hours.org/blog/archives/000445.html
    http://www.after-hours.org/blog/archives/000441.html
    http://www.after-hours.org/blog/archives/000429.html
    http://www.after-hours.org/blog/archives/000425.html
    http://www.after-hours.org/blog/archives/000243.html
    http://www.after-hours.org/blog/archives/000071.html

    saludos

  19. Decodec Says:

    Me gustaria saber como asociar el evento onClick a un boton flash. Porque ese evento no funciona?.Gracias

  20. Daniel Says:

    Como hacer para uqe el cursor cambien de forma en toda mi pelicula

  21. tonilopez Says:

    Si quieres un cursor personalizado, aquí tienes un minitutorial con su fla para descargar correspondiente:

    http://www.after-hours.org/blog/archives/000057.html

    Un saludo

  22. Laura Says:

    Hola soy Laura. Gracias por tu página me parece super útil. Me gustarí a saber que acción tengo que darle a un botón para que descarge al pc del usuario de la página un archivo.exe

    MUCHAS GRACIAS POR TU AYUDA

  23. tonilopez Says:

    Hola Laura,

    tienes que comprimir el archivo en un ZIP y en el botón poner esta sentencia:

    getURL("programa.zip","_blank")

    Saludos.

  24. karim Says:

    Hola !

    Quisiera saber como poner un fondo del flash como un background dentro del dreamweaver.

    Mil gracias

  25. Delfina Says:

    Hola, tengo un problema para habilitar/deshabilitar botones en distintos niveles.
    En un nivel 0, a un botón le doy la siguiente orden:
    on (release) {
    bot_1.enabled = false;
    loadMovieNum("movie.swf", 2);
    }

    Y a mi pelí cula en el nivel 2, al botón que vuelve al movie del nivel 0:
    on (release) {
    level0.bot_1.enabled = true;
    unloadMovieNum(2);
    }
    Pero el problema es que no me habilita nuevamente el bot_1 del movie principal.
    Me podrí as ayudar con esto? estoy escribiendo algo mal? o simplemente no funciona en distintos niveles?
    gracias

  26. tonilopez Says:

    Hola Delfina, tienes un error:

    mal:
    _level0.bot_1.enabled = true;

    bien:
    _level0.bot_1.enabled = true;

    saludos

  27. fuffy Says:

    Hola a todos!yo tengo una duda sobre como han hecho una animacion que he visto en un template y q quiero imitar y no se como…el enlace al template es;
    http://www.templatehelp.com/aff/preview.php?aff=hotplum1&skin=25&locale=en&currency=0&pr=yes&src=yes&nt=no&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=e5adc4728c3673fc00c3884e8e990000&referer=http%3A%2F%2Fwww.hotplum.com%2Fflash_templates_01-tm.htm&i=8900

    y la animacion que me quita el sueno es la de los enlaces…el “cacharrito” ese q sigue a cada boton cuando el raton se pone encima. Esoo como se hace? Una pista,please!!
    Gracias por la ayuda!

  28. tabares Says:

    lo del menú deslizante no sé done haya un ejemplo, pero a mi tambien me interesa saber como hacerlo, a groso modo te explico como es:

    el menú se desliza (ya sea de lado a lado y de arriba a abajo) al pasar el mouse sobre los botones del menú y llega al extremo del menú y se detiene lo cual te obliga a rotar el mouse hacia la direccion contraria.

    este menú es muy util para poner fotografias por ejemplo.
    espero haber sido claro, si puedes ayudarme te lo agradecería ya ke no he encontrado ningun tuto o foro donde venga este “menu deslizante” o de “carrusel”

    nos vemos

    p.d. me mandas un mail porfavor o te agregas a mi msn…

  29. DAVID Says:

    a quienes anteriormente les interesa el ejemplo de:http://www.templatehelp.com/aff/preview.php?aff=hotplum1&skin=25&locale=en&currency=0&pr=yes&src=yes&nt=no&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=e5adc4728c3673fc00c3884e8e990000&referer=http%3A%2F%2Fwww.hotplum.com%2Fflash_templates_01-tm.htm&i=8900

    lo tengo solo que espero recibir un mail con la direccion de correo para Enviarlo ya que lo estoy ubicando en mis carpetas ok

    hasta luego YSEGUIRAN NUESTROS ASUNTOS

  30. tonilopez Says:

    En el blog hay un ejemplo similar:

    http://www.after-hours.org/blog/archives/2004/03/31/flash_mx_menu_stylodesign/

    saludos

  31. Israel Says:

    hola!!!

    Una preguntota, como direcciono de un boton hecho en Flash MX a un archivo en html en el Dreamweaver MX; ya lo he intentado con el siguiente codigo
    on (release){
    getURL("C:\historia.htm",5); }

    y con algunos derivativos (como cambiar los archivos de carpeta, quitarle la C, etc) y no me hace nada…

    Es esto correcto, o q debo hacer???
    Agradecere la respuesta, ya que me es super urgente…

    Saludos!!! y Gracias!!!
    Pd. El foro esta increible, muy buenas respuestas…

  32. tonilopez Says:

    El código está bien. La URl no sé ¿el archivo SWF y HTML, están en C? Lo que si te sobra es el punto y coma que hay antes del cierre ‘}’

    Esto:

    getURL("C:\historia.htm",5); }

    sería :

    getURL("C:\historia.htm",5) }

    Saludos

  33. hugo Says:

    hola tengo un problema con la programacion de los botones del flash mx profesional no he podido programar un botom para que me pase a otra escena si puedes describirmelo con un ejemplo paso a paso te lo agredeceria mucho

  34. fred Says:

    hola tengo un problema con un boton para llamar a un exe

    on (release)
    {
    fscommand("exec","y la direcion del programa");
    }
    y no pasa nada si me explicaras paso a paso te lo agradeceria

  35. tonilopez Says:

    Hola Fred, prueba esto

    Saludos

  36. Fenx Says:

    Hola a todos.

    Tengo una duda> Como puedo hacer para que un boton en flash (usado en un foro) me mande a un enlace que cambia dependiendo del usuario. Por ejemplo el boton PERFIL, que es el mismo para todos ellos, pero me envia a diferente destino dependiendo del usuario.

    Gracias

  37. Cataquefaràs Says:

    Buenas:

    Tengo un problemilla con un botón embebido en un html. Resulta que el archivo de destino se encuentra en otra carpeta,
    y debe de ser por eso que no me lleva correctamente a su destino. Tengo otros botones en la página que sí llevan a otros
    .html de la misma carpeta y funcionan correctamente. El problema añadido es que todo se ejecuta desde CD, por lo que no
    puedo darle tampoco un nombre de unidad (D:) fiable para todos los usuarios. Así, qué tendría que poner en el getURL?

    Gracias por las respuestas y por las dudas que tantas veces aclaráis en los foros

  38. Victor Says:

    Hola antes que nada decirte que es muy util lo que se puede leer en esta pagina,
    queria preguntar que viendo esta pagina http://www.rbk.com/mx/wrapshear/ ,
    como puedo hacer para colocar imagenes y que al mover el cursor se logre que se mueva de esta manera.
    gracias

  39. tonilopez Says:

    Victor,

    la respuesta es algo compleja. Te recomiendo que te dirijas al foro para formular la consulta.

    Saludos

  40. ger Says:

    Hola,
    Tengo una pelicula con una serie de botones, que al pinchar sobre estos cargan otras peliculas en niveles superiores, lo que quiero saber es como puedo hacer para que estos botones se queden activados cuando se cargan las peliculas de forma que el usuario sepa en que apartado de la web se encuentra.
    Un saludo y gracias

  41. tonilopez Says:

    Hola ger,

    aqui hay un tutorial y ejemplo sobre lo que pides para descargar.

    saludos