Uso de GridBagLayout (I)

Puede ver una versión activa de este post en mi nuevo blog. He decidido dejar de publicar en este blog por éstas razones. Su filosofía es la misma que éste, pero espero no tener los problemas que me he encontrado aquí.

En esta entrada veremos el uso básico de GridBagLayout, si se desea profundizar más en el tema se puede consultar la siguiente dirección: How to use GridBagLayout.

GridBagLayout es uno de los gestores de layout que proporciona Java/Swing. En mi opinión es el gestor más flexible, pero también el más complejo, de hecho parece pensado para ser usado por constructores de interfaces gráficas, como por ejemplo Matisse para NetBeans.

Lo primero de todo veamos qué se puede conseguir con este gestor de layout:

Ventana usando GridBagLayout

Ventana usando GridBagLayout

GridBagLayout coloca los componentes en una serie de filas y columnas, permite a los componentes ocupar varias filas y/o columnas y las filas y las columnas no tienen porque tener la misma altura o anchra. Finalmente, GridBagLayout calcula estas alturas y anchuras dependiendo de los atributos preferredSize de los componentes. En la siguiente imagen podemos el diseño de cada una de las celdas en las que se divide GridBagLayout:

GridBagLayout Design

Diseñando un panel con GridBagLayout

Los componentes indican a GridBagLayout sus restricciones mediante un objeto del tipo GridBagConstraints. En esta primera entrada estudiaremos las restricciones básicas y dejaremos para la siguiente parámetros más avanzados que nos permitirán diseñar la posición y comportamiento de los componentes con máxima flexibilidad.

gridx y gridy:
Indican la fila y la columna donde situar el componente. gridx=0 y gridy=0 indican la celda superior izquierda, mientras que – en nuestro ejemplo – gridx=3 y gridy=3 indican la celda inferior derecha.
gridwidth y gridheight:
Indica el número de columnas o filas – respectivamente – que ocupa el componente. El valor por defecto es 1 y es posible que un componente ocupe varias filas y varias columnas a la vez, como por ejemplo btn6.

Anuncios

Etiquetas: ,

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: