Fundamentos de Interfaces Gráficas en Java: Swing, AWT y Layouts

Conceptos Básicos de Usabilidad

La usabilidad es un atributo relacionado con la facilidad de uso. Más específicamente, se refiere a la rapidez con que se puede aprender a utilizar algo, la eficiencia al utilizarlo, cuál es su grado de propensión al error y cuánto le gusta a los usuarios.

Interfaz Gráfica de Usuario (GUI)

La Interfaz Gráfica de Usuario o GUI (Graphical User Interface) es el conjunto de componentes gráficos que posibilitan la interacción entre el usuario y la aplicación; es decir: ventanas, cuadros de texto, botones, listas desplegables, entre otros.

AWT vs. Swing

• AWT: Las herramientas AWT proporcionan las clases más antiguas y, aunque presentan algunos problemas en cuanto a portabilidad de aplicaciones para diferentes sistemas operativos, aún son capaces de aportar alguna funcionalidad a Swing de la que esta carece.
• Swing: Por su parte, Swing tiene mejores prestaciones funcionales y estéticas y responde mejor a la portabilidad. Únicamente algunos elementos gráficos (ventanas y cuadros de diálogo) siguen relacionados con el sistema operativo.

Gestión de Layouts

Los Layouts son los encargados de acomodar los componentes dentro del espacio visual del contenedor, haciendo que estos respeten una determinada distribución.

Tipos de Layouts

• FlowLayout: Distribuye los componentes uno al lado del otro en la parte superior del container a medida que se van añadiendo al mismo. Después de rellenar la primera línea, los componentes se ubican en una línea nueva y así sucesivamente.
• BorderLayout: Es el renderizado por defecto del elemento ContentPane de un JFrame. Divide el espacio del contenedor en 5 regiones: NORTH, SOUTH, EAST, WEST y CENTER, y admite un único componente por región que es redimensionado para ocupar todo el espacio disponible.
• BoxLayout: Muestra los componentes en una única fila o columna. Para usar este diseño, en el constructor indicaremos el componente que se va a organizar y el valor que define el tipo de alineación: BoxLayout.Y_AXIS para la alineación vertical o BoxLayout.X_AXIS para la horizontal.

Desarrollo con WindowBuilder

WindowBuilder es un plugin para Eclipse que permite el desarrollo de interfaces visuales en ‘modo diseño’.

El ‘modo diseño’ significa que, a medida que arrastremos componentes visuales sobre un formulario, el código Java se generará automáticamente, lo cual nos permitirá ser más productivos.