miércoles, 31 de marzo de 2010

Novedades en el paquete javax.swing de java SE 6

Hola a todos de nuevo, es un placer para mí estar aquí de nuevo compartiendo acerca de las novedades que trae java 6. Ahora le toca el turno al paquete javax.swing.

Observando las clases directamente de la página de Sun Microsystem, tanto del JAVA SE 5 como del JAVA SE 6, puede verse que en este último fueron agregadas las siguientes clases:

DefaultRowSorter
DefaultRowSorter.Model
DefaultRowSorter.Wrapper

GroupLayout

JList.DropLocation
JTable.DropLocation
JTree.DropLocation

LayoutStyle

RowFilter
RowFilter.Entry
RowSorter
RowSorter.SortKey

SwingWorker

Para este artículo se explicará los fundamentos básicos para realizar interfaces gráficas con GroupLayout. Sin mas que esperar, empecemos:

Este administrador de disposición trabaja con eje vertical y horizontal separadamente. Cuando se ha definido la colocación de los componentes en uno de los ejes ya está la mitad del problema resuelto, se pasa luego a definir la colocación del mismo componente en el otro eje, si, esto quiere decir que cada componente debe estar presente tanto en el eje vertical como en el horizontal de no ser así el GroupLayout lanza una exception.

Este administrador de esquema puede organizar los componentes o secciones en forma secuencial o paralela: Secuencial significa uno al lado para el eje horizontal y uno arriba del otro para el vertical.

El paralelo significa colocar en una misma línea (vertical u horizontal) los elementos que necesite. Tanto si utiliza Secuencial como Paralelo se pueden agregar a ellos tanto componentes como nuevos grupos.

Veamos un ejemplo para aclarar las dudas que se hayan ir podido planteando hasta ahora:

Supongamos que queremos crear la siguiente interfaz gráfica:



Espero explicarme con estas dos imágenes a continuación; primero veamos la distribución horizontal:



Las líneas oscuras (negras) superiores reflejan la distribución mas externa de ese panel, como puede verse existe una disposición secuencial, de izquierda a derecha, por lo tanto si creamos primero en GroupLayout myLayout, lo primero que debemos hacer es definir esta distribución, de la siguiente manera:


myLayout.setHorizontalGroup( myLayout.createSequentialGroup());


Luego, se va definiendo o agregando el código de las secciones mas internas, por ejemplo, la primera sección contiene una distribución paralela de dos componentes, primero codificamos la sección paralela:


myLayout.setHorizontalGroup( myLayout.createSequentialGroup()
  .addGroup( myLayout.createParallelGroup())
);



Luego los componentes:


myLayout.setHorizontalGroup( myLayout.createSequentialGroup()
  .addGroup( myLayout.createParallelGroup()
    .addComponent(lblNombre)
    .addComponent(lblEmail)
)
);



Como hemos dicho, cada sección puede contener tanto componentes como nuevos grupos, esto quiere decir que pueden haber grupos anidados, es decir, grupos dentro de otros grupos.
Un ejemplo de esto es cuando queremos colocar los JCheckBox. La sección horizontal media contiene un nuevo grupo, tal como lo muestra el código que sigue:



.addGroup(myLayout.createParallelGroup()
  .addComponent(txtNombre)
  .addComponent(txtEmail)
  .addGroup(myLayout.createSequentialGroup()
    .addGroup(myLayout.createParallelGroup()
      .addComponent(chkActualizacion)
//etc... mas adelante está el código completo esto es sólo para explicación
)
);



Pasemos ahora a definir nuestra distribución vertical:



En este caso puede verse también una distribución secuencial (de arriba hasta abajo) y en este caso un poco más sencillo debido a que cada sección contiene directamente los componentes, es decir, no hay subdivisiones o grupos anidados.

El código fuente final de el GroupLayoutExample queda de la siguiente manera:

GeSHi © 2004-2007 Nigel McNie, 2007-2009 Benny Baumann, 2008-2009 Milian Wolff
  1. package ejemploblog;

  2.  

  3. import javax.swing.*;

  4.  

  5. public class GroupLayoutExample extends JPanel{
  6.  
  7.         JLabel lblNombre = new JLabel("Nombre: ");
  8.         JLabel lblEmail  = new JLabel("email: ");
  9.         JTextField txtNombre = new JTextField(20);
  10.         JTextField txtEmail = new JTextField(20);
  11.         JCheckBox chkActualizacion = new JCheckBox("Actualizaciones");
  12.         JCheckBox chkComentarios = new JCheckBox("Comentarios");
  13.         JCheckBox chkCodigo = new JCheckBox("Codigo Fuente");
  14.         JCheckBox chkInfo = new JCheckBox("Informacion");
  15.         JButton btnAceptar = new JButton("Aceptar");
  16.         JButton btnOmitir = new JButton("Omitir");
  17.         public GroupLayoutExample(){
  18.                 GroupLayout myLayout = new GroupLayout(this);
  19.                 setLayout(myLayout);

  20.                 //Crear espacio entre componentes
  21.                 myLayout.setAutoCreateGaps(true);
  22.                 //Crear espacio entre componente contenedor
  23.                 myLayout.setAutoCreateContainerGaps(true);
  24.                
  25.                 myLayout.setHorizontalGroup( myLayout.createSequentialGroup()
  26.                             .addGroup(myLayout.createParallelGroup()
  27.                                         .addComponent(lblNombre)
  28.                                         .addComponent(lblEmail)
  29.                             )
  30.                             .addGroup(myLayout.createParallelGroup()
  31.                                         .addComponent(txtNombre)
  32.                                         .addComponent(txtEmail)
  33.                                         .addGroup(myLayout.createSequentialGroup()
  34.                                                         .addGroup(myLayout.createParallelGroup()
  35.                                                                                 .addComponent(chkActualizacion)
  36.                                                                                 .addComponent(chkComentarios)
  37.                                                                 )
  38.                                                         .addGroup(myLayout.createParallelGroup()
  39.                                                                         .addComponent(chkCodigo)
  40.                                                                         .addComponent(chkInfo)
  41.                                                         )
  42.                                         )
  43.                             )
  44.                             .addGroup(myLayout.createParallelGroup()
  45.                                         .addComponent(btnAceptar)
  46.                                         .addComponent(btnOmitir)
  47.                             )

  48.                         );
  49.                 myLayout.setVerticalGroup(myLayout.createSequentialGroup()
  50.                         .addGroup(myLayout.createParallelGroup()
  51.                                         .addComponent(lblNombre)
  52.                                         .addComponent(txtNombre)
  53.                                         .addComponent(btnAceptar)
  54.                         )
  55.                         .addGroup(myLayout.createParallelGroup()
  56.                                         .addComponent(lblEmail)
  57.                                         .addComponent(txtEmail)
  58.                                         .addComponent(btnOmitir)
  59.                         )
  60.                         .addGroup(myLayout.createParallelGroup()
  61.                                         .addComponent(chkActualizacion)
  62.                                         .addComponent(chkCodigo)
  63.                         )
  64.                         .addGroup(myLayout.createParallelGroup()
  65.                                         .addComponent(chkComentarios)
  66.                                         .addComponent(chkInfo)
  67.                         )
  68.                 );
  69.         }      

  70. }

  71.  

Parsed in 0.176 seconds at 12.76 KB/s


Para crear la clase ejecutable (main), sería:

GeSHi © 2004-2007 Nigel McNie, 2007-2009 Benny Baumann, 2008-2009 Milian Wolff
  1. package ejemploblog;
  2.  
  3. import java.awt.BorderLayout;
  4.  

  5. import javax.swing.JFrame;
  6.  
  7. public class Aplicacion {
  8.  
  9.        
  10.         public static void main(String[] args) {
  11.                 JFrame marco = new JFrame("Suscripcion Acerca de Java");
  12.                 marco.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
  13.                 marco.getContentPane().add(new GroupLayoutExample(), BorderLayout.CENTER);
  14.                 marco.pack();
  15.                 marco.setVisible(true);
  16.  
  17.         }
  18. }

Parsed in 0.109 seconds at 3.64 KB/s


Bueno, esto es todo por ahora, espero haberme explicado en este artículo, si quieren un Tutorial completo (en inglés) sobre GroupLayout, busca en esta dirección:

How to Use GroupLayout

Donde hay inclusive otro ejemplo.

Hasta la próxima!

No hay comentarios: