Antes de empezar, debe completar el .
En este ejercicio, utilizará el editor visual Java para añadir un componente JScrollPane
y un componente JTable a la aplicación. En ejercicios posteriores, programará la JTable para que obtenga sus datos de un servicio Web que devuelve una lista de todos los empleados del directorio de la empresa.
Después de añadir JTable, utilizará la vista de diseño del editor visual Java para personalizar el
diseño de JTable y cumplir con las especificaciones siguientes:
- Expandir JTable a lo largo de tres celdas horizontalmente y dos celdas verticalmente
- Añadir un bajorrelieve izquierdo de 15 pixels
- Redenominar la JTable como employeesTable.
Abrir el archivo DirectoryApp.java en el editor visual Java:
Para abrir el archivo DirectoryApp.java en el editor visual Java:
- En la vista Explorador de paquetes de la perspectiva Java, expanda el proyecto
MyDirectory y el paquete directory.clien.
- Pulse el archivo DirectoryApp.java con el botón derecho del ratón y seleccione Abrir con > Editor visual.
El editor visual Java carga la clase Java y visualiza el diseño del área del lienzo gráfico.
Preferencias:
- Para cambiar el aspecto utilizado por el editor visual Java, vaya a Ventana >
Preferencias > Java > Editor Visual y especifique un aspecto de Swing. La preferencia
surtirá efecto la próxima vez que abra la clase. Esta guía de aprendizaje utiliza el aspecto de Windows.
- Para convertir el editor visual en el editor por omisión de todos los archivos Java, puede
pulsar Ventana > Preferencias e ir a la página Entorno de trabajo > Asociaciones de
archivo para definir la preferencia.
Añadir un componente JTable a un componente JScrollPane:
La ventana principal de DirectoryApp.java utiliza un JFrame con un JPanel para su panel de contenido principal. El JPanel de la aplicación se denomina jContentPane. jContentPane está definido para utilizar un tipo de gestor de diseño denominado GridBagLayout. GridBagLayout es un poderoso esquema de diseño basado en una cuadricula de celdas que pueden ocuparse con componentes visuales. El editor visual Java facilita el trabajo con GridBagLayout mostrando los bordes de la cuadrícula.
También muestra marcadores de emplazamiento cuando se sueltan componentes nuevos en la cuadrícula y
muestra handles de los componentes que el usuario redimensiona o mueve en GridBagLayout.
Para añadir la tabla de empleados (javax.swing.JTable) a la interfaz de usuario de
DirectoryApp.java, haga lo siguiente:
- Pulse jContentPane con el botón derecho del ratón en la vista de diseño o en la vista Beans Java y seleccione Mostrar cuadrícula.
Una línea de puntos roja mostrará el borde de la cuadrícula y círculos azules numerados indicarán
los números de filas y columnas. Por ejemplo, observe que el botón Nuevo ocupa la casilla de
la fila 1 (cuadrícula y) y la columna 3 (cuadrícula x).

- En la paleta del editor visual Java, seleccione el componente Swing JTable en
JScrollPane
, que se encuentra en la categoría Componentes Swing de la paleta.Sugerencia: por omisión, la paleta está contraída en el lado derecho del área de diseño.
Puede redimensionar y mover la paleta.
- Mueva el puntero del ratón sobre la celda de la cuadrícula, en la columna 0, fila 1:

- A medida que mueva el puntero sobre la cuadricula, éste mostrará dos cuadros numerados que
indican las coordenadas x e y de la cuadrícula en función de la ubicación del puntero.
- Si sitúa el puntero directamente sobre uno de los bordes de la cuadrícula, podrá crear filas
y columnas nuevas, con lo que se renumerarán las existentes. En este caso, aparecerán cuadros
amarillos en el puntero, barras amarillas entre las cuadrículas y etiquetas amarillas de fila y
columna que indicarán este comportamiento y el impacto que producirá la colocación.
- Pulse el botón de la izquierda para soltar JScrollPane y JTable en la celda de la columna 0
y la fila 1:

Expandir JScrollPane y JTable en varias columnas y filas de la cuadrícula
Ahora debe hacer que JScrollPane (y su JTable hijo) abarquen tres columnas y dos filas para
mejorar el comportamiento de espaciado y redimensionamiento. Para que la tabla abarque las columnas
y las filas:
- Seleccione JScrollPane en el área de diseño o la vista Beans Java (todavía debe estar
seleccionada porque acaba de añadirla). Observe los pequeños cuadros verdes en las partes derecha e inferior del componente JScrollPane. Utilizará estos handles de redimensionamiento para arrastrar el JScrollPane para que ocupe varias columnas y filas.
- Mantenga pulsado el botón izquierdo del ratón sobre el handle verde de la derecha de JScrollPane.
- Arrastre el puntero del ratón hacia la derecha hasta que la ubicación del cursor indique la
columna 2 y la fila 1. Una sombra gris oscuro también indicará las casillas que el componente
ocupará cuando suelte el botón del ratón.

- Suelte el botón del ratón. JScrollPane abarca ahora las tres columnas.
- Repita un proceso similar para arrastrar el handle inferior de JScrollPane hasta que el
componenteJScrollPane abarque hasta la fila 2:

Personalizar el espaciado del componente JScrollPane en GridBag
Otra característica del gestor GridBagLayout consiste en que el usuario puede especificar
diversas restricciones para personalizar el diseño con mayor detalle. Por ejemplo, puede
especificar las restricciones siguientes:
- ancla: puede darse a un componente una orientación de ancla dentro de la casilla, lo que
afectará a su movimiento cuando el usuario redimensione la aplicación. Por ejemplo, un componente puede anclarse en la parte superior izquierda, centro-izquierda, centro, o centro-derecha.
- relleno: se indicará al componente que ocupe todo el espacio disponible dentro de la casilla o
casillas, ya sea horizontalmente, verticalmente o ambas cosas.
- bajorrelieves: puede darse a un componente su propio relleno en los lados superior, inferior,
izquierdo y derecho para proporcionar espaciado entre el componente y el borde de la cuadrícula.
Para personalizar el ancla, el relleno y los bajorrelieves para JScrollPane:
- Pulse JScrollPane con el botón derecho del ratón en la vista de diseño o en la vista Beans Java y seleccione Personalizar diseño.

Sugerencia: el recuadro de diálogo Personalizar diseño puede permanecer abierto al
seleccionar y cambiar el diseño para distintos componentes. Puede abrir el recuadro de diálogo
Personalizar diseño en cualquier momento pulsando el botón Personalizar diseño en la barra de menús:

- En la pestaña Componente del recuadro de diálogo Personalizar diseño, asegúrese de que el
botón Centro de ancla esté pulsado.
- Asegúrese de que los botones Relleno horizontal y Relleno vertical están
pulsados.
- Añada un bajorrelieve izquierdo de 15 (pixels) para que el espaciado del lado
izquierdo de JScrollPane sea similar al del resto de componentes visuales de la aplicación.

La tabla se alinea ahora con la etiqueta Filtro, por ejemplo.

Redenominar el componente JTable nuevo con un valor útil y establecerlo para seleccionar una
sola fila:
Dado que más tarde trabajará con la tabla, será útil redenominar la instancia de JTable y su
método de obtención. Para redenominar la tabla:
- En la vista Beans Java, pulse el botón derecho del componente jTable y seleccione
Redenominar campo en el menú emergente.

- Escriba employeesTable y pulse Aceptar. Ahora, el componente JTable se denomina employeesTable, y el método para crear instancias de él es getEmployeesTable.
Para establecer la tabla a fin de permitir sólo la selección de una sola fila:
- Seleccione employeesTable en el área de diseño.
- En la vista Propiedades, seleccione la propiedad selectionMode y establézcala en
SINGLE_SELECTION.

- Guarde el archivo DirectoryApp.java.
Ahora, ya está preparado para empezar el .