Mouse Hover

Lección 3. MouseHover y ToolTip
3.1. El evento MouseHover
Un evento es un cambio o acción que ocurre sobre nuestro programa y el programador puede decidir,
mediante instrucciones, si el programa responde o no a los diferentes eventos y la forma en que lo hace.
Hasta ahora sólo hemos considerado el evento click, que consiste en apuntar con el ratón sobre un
elemento (un botón en los programasque hemos hecho) y presionar el botón principal (normalmente el
izquierdo). En los programas que hemos desarrollado previamente la respuesta al click consiste en escribir
un texto y realizar operaciones matemáticas.
El evento MouseHover ocurre cuando pasamos el ratón sobre el formulario o cualquier elemento de él
(de hecho Mouse Over puede traducirse como “ratón sobre …” o “ratón por encimade …”). Para mostrar
algunas de las respuestas a este evento retomaremos nuestro primer programa (sí, aquel que dice “Hola”).
Para recordarlo se muestra la siguiente figura:

Y la instrucción, que se asocia con el botón, se muestra enseguida:

Otra forma de ir a la ventana de código (y de hecho es la forma correcta) consiste en ir al menú Ver y
seleccionar Código (ahí mismo se indica queotra forma es presionando la tecla [F7]). También pudiera estar
disponible la ventana de código como una pestaña más al lado de la ventana de diseño; en el presente
ejemplo es la ventana con la pestaña Form1.vb.

Cuando hacemos doble-click sobre un elemento (como lo habíamos hecho hasta ahora) Visual Basic
supone que vamos a programar la respuesta al evento más frecuente, que en el caso de losbotones es click.
La ventana de código contiene dos listas: la de la izquierda (en el ejemplo muestra “(General)”) contiene los
nombres del formulario y sus elementos y la de la derecha (en el ejemplo muestra “(Declaraciones)”)
contiene los eventos que pueden ocurrirle al elemento seleccionado en la lista de la izquierda.
Ventana de Código

Ventana de Código mostrando el nombre delformulario (MiVentana) y sus elementos (BotonSaludar,
Saludo).

Ventana de Código mostrando algunos de los eventos para BotonSaludar

Vamos a intentar hacer cambiar de color al botón cuando pasemos el apuntador del ratón sobre él;
digamos, que “se ponga amarillo”, por ejemplo. Para empezar, en la ventana de código seleccionamos
BotonSaludar en la lista de elementos y MouseHover en la lista deeventos:

En la sección de código de Private Sub BotonSaludar_MouseHover… escribamos la instrucción
BotonSaludar.BackColor = Color.Yellow
Para modificar el color de fondo (BackColor) del botón a color amarillo (Yellow).
La siguiente tabla muestra los nombres de algunos de los colores que pueden usarse en Visual Basic.
Nótese que al estar escribiendo la instrucción, después de escribir el puntoque sigue a Color se nos ofrece
una lista de los colores (y otros elementos) de los que podemos escoger el que deseamos al hacer doble
click sobre él.
Visual Basic
Black
White
Red
Green
Blue
Yellow

Español
Negro
Blanco
Rojo
Verde
Azul
Amarillo

Visual Basic
Orange
Pink
Purple
SkyBlue
Navy
Gray

Español
Naranja
Rosa
Púrpura
Azul cielo
Marino
Gris

Visual BasicDarkGreen
DarkRed
DarkGray
LightBlue
LightGreen
LightGray

Español
Verde oscuro
Rojo oscuro
Gris oscuro
Azul claro
Verde claro
Gris claro

La figura siguiente muestra el contenido de la ventana de código.

Al probar nuestro programa veremos que al pasar el apuntador del ratón sobre el botón hace que se
cambie el color de fondo a amarillo. El problema es que al dejar de señalar elbotón éste sigue amarillo. Esto
es así porque no hay ninguna instrucción que deba seguirse cuando ya no se señale al botón. Veamos si
podemos arreglar eso: cuando no estamos pasando el apuntador del ratón sobre el botón lo estaremos
pasando sobre el formulario y por esto deberíamos programar un cambio de color cuando le ocurra el
evento MouseHover al formulario; vamos a suponer, también, que...