JAVA ToolTip

Los famosos ToolTip o como aparecen citados en Wikipedia (descripción emergente), es una ayuda que nos ofrecen las aplicaciones con entornos visuales al momento de situar o pasar el mouse por encima de algún componente, con el fin de informar al usuario sobre funcionalidades o ampliar contenidos, en esta ocasión veremos como podemos colocar ayudas a nuestras aplicaciones JAVA mediante ToolTips en el cual escribiremos un poco de HTML para que tengan una visión de todo lo que podemos hacer con esto veamos:

Teniendo en cuenta que estamos utilizando el IDE NETBEANS, la idea es programar el evento MouseMoved, para eso presionamos clic derecho sobre el componente que debe estar en nuestro JFrame, seleccionamos “Events” – “MouseMotion” y luego “Mouse Moved”, al dar clic nos llevará a la ventana de código donde debemos programar el ToolTip, veamos en el caso de un Jtable que tiene campos muy grandes:

1
2
3
4
5
6
int rowIndex = tabla.rowAtPoint(evt.getPoint());
        int colIndex = tabla.columnAtPoint(evt.getPoint());
        tabla.setToolTipText("<html>\n"
        + "<div style="width:200;">" + tabla.getValueAt(rowIndex, colIndex).toString() + "</div>\n"
        + "\n"
        + "</html>");

Veamos el resultado:

java-tooltip

Podemos intentar los mismos pasos anteriores y en el evento MouseMoved de un botón utilizar este código en el cual cito varios ejemplos y como formatear el texto mediante HTML:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
private void jButton4MouseMoved(java.awt.event.MouseEvent evt) {
String mensaje = "Texto plano informativo del ToolTip";
jButton4.setToolTipText("\n" + "
<h1>Titulo en negrilla</h1>
"
+
"\n" +
"
<div style="
width: 200;">"+mensaje+"</div>
"
+
"\n" +
"<i>y este texto en itálica.</i>" +
"\n" +
"<span style="color: red;">Y este en rojo</span> ");
}

Y obtenemos como resultado:
java-tooltip-2

Como podemos ver mediante el uso de HTML podemos personalizar los ToolTip de nuestras aplicaciones JAVA, intenta darle formato a tus mensajes de información utilizando hojas de estilo, colores de fondo y hasta imágenes.

Si este post fue de ayuda para ti, no olvides dejar un comentario, también puedes contar tu experiencia o lo que estés haciendo. Nos ayuda a seguir creciendo. ¡Vamos!, solo te llevará 1 minuto.

2 comentarios

  1. CRIS Contestar

    En el manejo del tooltip ¿ tu has aplicado mostrando datos adicionales desde la base de datos?

    • Ivan David Lopez Autor de la entradaContestar

      Hola Cristina, directamente no lo he hecho de esa forma, lo que si es bastante útil, (dándote como ejemplo un jTable) si tienes muchas columnas, puedes ocultar las que no son tan relevantes y mostrarlas en un tooltip al pasar el mouse.
      Saludos!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *