Leccin 3. MouseHover y ToolTip 3.1.

El evento MouseHover Un evento es un cambio o accin 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 slo hemos considerado el evento click, que consiste en apuntar con el ratn sobre un elemento (un botn en los programas que hemos hecho) y presionar el botn principal (normalmente el izquierdo). En los programas que hemos desarrollado previamente la respuesta al click consiste en escribir un texto y realizar operaciones matemticas. El evento MouseHover ocurre cuando pasamos el ratn sobre el formulario o cualquier elemento de l (de hecho Mouse Over puede traducirse como ratn sobre o ratn por encima de ). 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 instruccin, que se asocia con el botn, se muestra enseguida:

Otra forma de ir a la ventana de cdigo (y de hecho es la forma correcta) consiste en ir al men Ver y seleccionar Cdigo (ah mismo se indica que otra forma es presionando la tecla [F7]). Tambin pudiera estar disponible la ventana de cdigo como una pestaa ms al lado de la ventana de diseo; en el presente ejemplo es la ventana con la pestaa Form1.vb.

Cuando hacemos doble-click sobre un elemento (como lo habamos hecho hasta ahora) Visual Basic supone que vamos a programar la respuesta al evento ms frecuente, que en el caso de los botones es click. La ventana de cdigo 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 Cdigo

Ventana de Cdigo mostrando el nombre del formulario (MiVentana) y sus elementos (BotonSaludar, Saludo).

Ventana de Cdigo mostrando algunos de los eventos para BotonSaludar

Vamos a intentar hacer cambiar de color al botn cuando pasemos el apuntador del ratn sobre l; digamos, que se ponga amarillo, por ejemplo. Para empezar, en la ventana de cdigo seleccionamos BotonSaludar en la lista de elementos y MouseHover en la lista de eventos:

En la seccin de cdigo de Private Sub BotonSaludar_MouseHover escribamos la instruccin BotonSaludar.BackColor = Color.Yellow Para modificar el color de fondo (BackColor) del botn a color amarillo (Yellow). La siguiente tabla muestra los nombres de algunos de los colores que pueden usarse en Visual Basic. Ntese que al estar escribiendo la instruccin, despus de escribir el punto que 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 Espaol Negro Blanco Rojo Verde Azul Amarillo Visual Basic Orange Pink Purple SkyBlue Navy Gray Espaol Naranja Rosa Prpura Azul cielo Marino Gris Visual Basic DarkGreen DarkRed DarkGray LightBlue LightGreen LightGray Espaol Verde oscuro Rojo oscuro Gris oscuro Azul claro Verde claro Gris claro

La figura siguiente muestra el contenido de la ventana de cdigo.

Al probar nuestro programa veremos que al pasar el apuntador del ratn sobre el botn hace que se cambie el color de fondo a amarillo. El problema es que al dejar de sealar el botn ste sigue amarillo. Esto es as porque no hay ninguna instruccin que deba seguirse cuando ya no se seale al botn. Veamos si podemos arreglar eso: cuando no estamos pasando el apuntador del ratn sobre el botn lo estaremos pasando sobre el formulario y por esto deberamos programar un cambio de color cuando le ocurra el evento MouseHover al formulario; vamos a suponer, tambin, que el color normal del botn es gris claro (LightGray) y por lo tanto, indicaremos que al pasar el botn del ratn sobre el formulario el color de fondo del botn ser gris claro. Para esto, en la lista de elementos de la ventana de cdigo seleccionamos (MiVentana eventos) y en la lista de eventos seleccionamos MouseHOver y escribimos la instruccin BotonSaludar.BackColor = Color.LightGray Quedando nuestro cdigo as:

El complemento al color de fondo (BackColor) es el color de primer plano (ForeColor) que se refiere al color del texto, aplicable a los cuadros de texto y botones, entre otros. Aunque hasta ahora nos hemos limitado a una sola instruccin entre Private Sub y End Sub, pueden escribirse tantas como sean necesarias. Ejercicios: Ejercicio 3.1. Reescribir el programa del ejemplo, de tal manera que cuando el apuntador de ratn pase sobre el botn aparezca el mensaje Ratn sobre el botn y cuando pase sobre el formulario muestre el mensaje Ratn sobre el formulario Ejercicio 3.2. Reescribir (s, de nuevo, por favor) el programa del ejemplo, de tal forma que cuando el apuntador del ratn pase sobre el formulario el botn muestre el texto Selame, por favor :( y cuando el apuntador est sobre el botn muestre el texto :) Gracias, eres muy amable! 3.2. ToolTip Y seguimos hablando de lo que puede pasar al sealar elementos con el ratn. Seguramente habremos observado que al sealar una herramienta en distintos programas como Word, Paint, etc., aparece un texto flotante informndonos sobre la utilidad de la herramienta. Aunque la figura en s debera darnos una idea clara de la funcin de la herramienta no est de ms el texto aclaratorio, por aquello de que no todos pensamos lo mismo al ver una imagen. Las figuras siguientes muestran el citado texto flotante en Paint y Word.

Visual Basic, en su Cuadro de herramientas, cuenta con la herramienta ToolTip, que si se desea utilizar se selecciona de este cuadro y, despus, en el formulario se hace click sobre el elemento con el que se va a asociar el texto flotante. Incluso se puede seleccionar el propio formulario.

Una vez colocado el ToolTip sobre un elemento del formulario es recomendable ponerle un nombre que haga referencia al control asociado. Por ejemplo, si asociamos un ToolTip con el BotonSaludar podramos llamarle ToolTipBotonSaludar; aunque est algo largo el nombre lo considero bastante claro. Enseguida, lo ms importante de todo esto es que aparece una nueva propiedad en el control con el que se asoci el ToolTip. Por ejemplo, si al BotonSaludar se le agreg el ToolTip de que hablbamos veremos la propiedad ToolTip en ToolTipBotonSaludar donde habr de escribirse el texto flotante que deseamos. Agreguemos como ejemplo el texto Haz click aqu para que te salude y probemos el programa sealando el botn.

Nuestro programa en accin:

Ejercicio 3.3. Al programa anterior, adems del ToolTip para el botn, agregarle ToolTips para el cuadro de texto (Aqu aparecen saludos y otros mensajes) y para el formulario (Aqu contengo todo).

Hermilo Victorio Meza. 15 de Marzo de 2011.