Material necesario para empezar a trabajar:

       Macromedia Flash MX
      
    
         Autora del tutorial: Lilian´s Design
     


Realización:

En este ejercicio estudiaremos:

  • Creación de un botón de texto.

Nota: En tutoriales anteriores veíamos que los botones poseían 4 estados de los cuales tan sólo hemos modificado 3 hasta el momento: Reposo, Sobre y Presionado.

Bien, ahora vamos a ver para qué sirve el estado Zona Activa de un botón usado fundamentalmente para texto.

 

Observad estos dos botones de texto, pasad el ratón por encima de ellos y tratad de averiguar las diferencias entre ambos. En uno de ellos podemos ver que solo se activa si el ratón pasa sobre las letras, en el otro si lo pasamos por toda la zona activa que abarca el texto. Vamos a ver cómo se hacen y decidamos cual de los dos nos interesa:

Para comenzar vamos a seleccionar la herramienta texto y escribiremos algo de nuestro gusto en la escena principal de la película.
   

Convertimos el texto en símbolo y para ello bien podemos acudir al menú y seleccionar Modificar - Convertir en símbolo o bien presionar el atajo de teclado F8.

 Le daremos un comportamiento de Botón.

Y ahora vamos a configurar los diferentes estados del botón. (No olvidéis insertar un fotograma clave en cada uno F6). En reposo lo he dejado con el color original, en sobre lo he cambiado a verde y en presionado puse un fucsia.

Como sabemos esto podemos cambiarlo en el inspector de propiedades de texto, en el apartado predestinado para modificar el color (ver figura inferior).

 

Si ahora hacemos clic en escena y probamos la película esto es lo que veremos:

Si pasamos el ratón por encima de las letras veremos que cambian su color. Pero... ¿Qué sucede si pasamos el ratón sobre los espacios que hay entre las letras? Probadlo. Veis que el botón deja de ser activo. Esto puede resultar un tanto confuso para usuarios inexpertos y puede pasar desapercibido que ese texto es un botón.

¿Cómo podemos solucionar esto? Sencillo, haremos uso de la Zona Activa del botón. Veamos cómo se hace:

Volvemos al modo de edición del botón y hacemos clic en la zona activa insertando un fotograma clave, F6.

Seleccionamos ahora la herramienta Rectángulo y trazamos un rectángulo de forma que cubra integramente el texto.

No importa cómo se vea, ni tampoco el color, pues como podremos observar más adelante, tan sólo sirve para determinar el área que abarcará el botón.

Probémoslo de nuevo. Vamos a la escena y ejecutemos ahora la película. Esto es lo que veremos:

Resumiendo, el estado Zona Activa de un botón determina el área que ocupará dicho botón, de modo que cuando el botón se deslice sobre esa área que previamente habremos configurado, se activará desplegando el efecto que hayamos determinado en el estado Sobre del botón.

 

Espero que este tutorial os haya resultado entretenido así como útil. Espero ver vuestros resultados en el foro.