Google Web after-hours

Contador en flash JSFL Traductor


En este pequeño tip vamos a ver cómo hacer que un MovieClip actúe como un botón.

Primero creo un MovieClip. Dentro, inserto una capa para los “labels” y la dispongo como se ve en la imagen:

En el primer fotograma clave he introducido un stop(); para detener el cabezal de lectura.

También se puede apreciar la capa “graficos” donde he insertado distintos gráficos para cada “label” que mostrarán los cambios de comportamiento del MovieClip.

A continuación, arrastro el movieclip a la escena principal y le doy un nombre de instancia (en el ejemplo, “miClip"). En el primer fotograma clave de la escena principal introduzco lo siguiente:

miclip.onRollOut = function() {};
miclip.onPress = function() {};
miclip.onRollOver = function() {};

He definido los controladores de eventos de botón en el clip “miclip", que para este ejemplo, he dejado vacios, pero que son necesarios para que el clip de pelí cula actúe como un botón.

Probamos la pelí cula (CONTROL + ENTER) y comprobamos como el MovieClip reacciona a los distintos comportamientos de un botón : rollOver, rollOut y Press.


Descargar ejemplo » (1053 hits)

9 Responses to 'MovieClips como Buttons'

  1. tonilopez Says:

    Interesante, utilizo los clips de pelí cula como botón desde que salió MX, sin embargo desconocí a el hecho de que al poner como nombre de etiqueta ‘_up’, ‘_down’ y’_over’ el clip respondí a sin el uso de goto.

    Buen tip ;)

  2. Jesús Says:

    Con un solo evento funcionan.
    miclip.onRollOut = function() {};
    Lo que pasa es que se pone esa linea para que flash sepa que estamos tratando el MC como botón.
    Saludos!

  3. tonilopez Says:

    Hola Jesús,

    Reconozco que tb desconocí a lo que dices, desde el principio me acostumbré a poner etiquetas propias con gotoAnd…, pero es que tampoco le veo la utilidad a usar un clip de pelí cula como botón si solo vas a usar un estado, no sé si me explico.

    saludos!

  4. Alvaro Says:

    NO entiendo nada, ¿esto no funciona con clipas animados?, he probado, y no consigo hacer que con el roolover se vea una animacion, y con el rollout otra… ¿Como se hace?

  5. felipe Says:

    me encanto eso , pero me puedes decir como le pongo la accion a la mc en la peli principal para empezar a hacer ineractivo el proceso?

  6. tonilopez Says:

    Hola Felipe,

    En el primer clave de tu pelí cula:

    boton.onRelease=function(){
    // aquí tus acciones
    }

    boton.onRollOver=function(){
    // aquí tus acciones
    }

    boton.onRollOut=function(){
    // aqui tus acciones
    }

    * boton seria el nombre de instancia de un clip de pelí cula.

    Hay bastantes tutoriales en After-Hours donde puedes estudiar el uso de eventos para botons clip de pelí cula, sin ir más lejos (aunque es un poco complejo):

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

    Busca ‘botones’ o ‘boton’ en el formulario BUSCAR que hay sobre comentarios, seguro que encuentras información.

    Saludos.

  7. FederiKo Says:

    tengo un boton ke es una pelicula, hago los labels pero el problemas es ke durante el precionado tengo ke mentener precionado el boton todo el tiempo ke me duera la pelicula en esa parte como hago para ke en un solo clik en el boton se ejecute toda sin cortarce (solo en el estado de precionado tengo ese problema), desde ya gracias

  8. tonilopez Says:

    Hola Federiko,

    ¿podrí as postear el código que estás usando en el foro?.

    saludos

  9. Juan Martin Says:

    Hola todos!!!!
    les cuento que me ha sido de gran utiliadd este maravilloso tutorial. Lo he usado en varias ocasiones y me ha servido bastante bien. Pero a la vez que lo he ido usando, se me ha generado una pregunta: ya vimos como darle al MC estados de up, down y over. Pero hay alguna forma de darle un hit????
    de antemano te doy las gracias, porque me ha sido de gran utilidad este documento.

    Chau
    JuanM