Mostrar

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:

Abrir el archivo DirectoryApp.java en el editor visual Java:

Para abrir el archivo DirectoryApp.java en el editor visual Java:

  1. En la vista Explorador de paquetes de la perspectiva Java, expanda el proyecto MyDirectory y el paquete directory.clien.
  2. 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:

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:

  1. 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).

    Cuadrícula en lienzo gráfico

  2. 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.

  3. Mueva el puntero del ratón sobre la celda de la cuadrícula, en la columna 0, fila 1:

    Lugar para soltar en la cuadrícula

  4. Pulse el botón de la izquierda para soltar JScrollPane y JTable en la celda de la columna 0 y la fila 1:

    Tabla soltada en la cuadrícula

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:

  1. 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.
  2. Mantenga pulsado el botón izquierdo del ratón sobre el handle verde de la derecha de JScrollPane.
  3. 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.

    Tabla arrastrada para abarcar tres columnas

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

    Tabla arrastrada para abarcar dos filas

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:

Para personalizar el ancla, el relleno y los bajorrelieves para JScrollPane:

  1. 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.

    Menú emergente en jScrollPane

    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:

  2. 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.
  3. Asegúrese de que los botones Relleno horizontal y Relleno vertical están pulsados.
  4. 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.

    Recuadro de diálogo Personalizar diseño

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

    JTable alineado en lienzo gráfico

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:

  1. En la vista Beans Java, pulse el botón derecho del componente jTable y seleccione Redenominar campo en el menú emergente.

    Menú de contexto de jTable

  2. 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:

  1. Seleccione employeesTable en el área de diseño.
  2. En la vista Propiedades, seleccione la propiedad selectionMode y establézcala en SINGLE_SELECTION.

    Vista Propiedades mostrando SINGLE_SELECTION en JTable

  3. Guarde el archivo DirectoryApp.java.

Ahora, ya está preparado para empezar el .

Condiciones de uso | Comentarios
(C) Copyright IBM Corporation 2000, 2005. Reservados todos los derechos.