Práctica 15

Crear un Botón que cambie su contenido al pasar el cursor

Ejercicio paso a paso.

1 Dibujamos un rectángulo en el área de trabajo.

2 Seleccionamos el fondo.

3 Cambiamos el color de fondo del rectángulo.

4 Con la herramienta texto escribimos el texto que queramos en el interior del rectángulo.

Ahora que ya tenemos el molde, vamos a crear un sencillo efecto de relieve.

5 Seleccionamos los bordes izquierda y superior.

6 Modificamos el color de dichos bordes. Le damos el color blanco.

7 Seleccionamos ahora el borde inferior y aplicamos un color gris oscuro.

Ya va tomando relieve, ahora vamos a crear los diferentes estados.

8 Seleccionamos el botón.

9 Activamos la opción de menú Insertar → Nuevo Símbolo...

10 Marcamos el comportamiento de botón y le damos un nombre. Pulsa Aceptar.

11 Hacemos doble clic sobre el botón para editarlo.

12 Mediante F6 creamos fotogramas clave en cada uno de los fotogramas correspondientes a los estados del botón.

13 Seleccionamos el fotograma Sobre.

14 Modifiquemos el Texto y escribamos “Iniciar.

Respecto a los fotogramas Zona activa y presionado , los dejaremos tal y como están puesto que no deseamos que haga nada mientras no pulsemos el botón y el área de acción es la que comprende nuestro rectángulo.

El resultado obtenido es el siguiente. Podemos pinchar sobre él y comprobar el efecto.