Tutorial de Java Swing: Construyendo aplicaciones GUI robustas

Cómo construir una GUI en Java (Paso a paso)

A continuación se muestra un recorrido práctico que ilustra cómo construir una ventana básica y añadir componentes progresivamente.

Paso 1 – Crear un nuevo archivo Java

Copia el siguiente código en tu editor:

import javax.swing.*;
class GuiDemo {
    public static void main(String[] args) {
        JFrame frame = new JFrame("Mi Primera GUI");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(300, 300);
        JButton boton = new JButton("Pulsar");
        frame.getContentPane().add(boton);
        frame.setVisible(true);
    }
}

Paso 2 – Compilar y Ejecutar

Guarda el archivo, compila con javac GuiDemo.java, luego ejecuta con java GuiDemo. Debería aparecer una ventana de 300 × 300 con un solo botón.

Paso 3 – Añadir otro botón

Modifica el código para incluir un segundo botón:

import javax.swing.*;
class GuiDemo {
    public static void main(String[] args) {
        JFrame frame = new JFrame("Mi Primera GUI");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(300, 300);
        JButton boton1 = new JButton("Botón 1");
        JButton boton2 = new JButton("Botón 2");
        frame.getContentPane().add(boton1);
        frame.getContentPane().add(boton2);
        frame.setVisible(true);
    }
}

Paso 4 – Observar el problema de layout

Ejecutar el código ahora muestra dos botones superpuestos porque el gestor de layout por defecto para JFrame es BorderLayout, que coloca componentes en cinco regiones distintas. Sin especificar una región, los componentes subsiguientes reemplazan a los anteriores.

Gestores de Layout (Layout Managers) en Java

Los gestores de layout controlan cómo se organizan los componentes dentro de los contenedores. Elegir el gestor adecuado es crítico para GUIs responsivas y mantenibles. Los más usados son:

• BorderLayout
• FlowLayout
• GridBagLayout
• BoxLayout (no cubierto aquí)

BorderLayout

BorderLayout divide un contenedor en cinco áreas: NORTH, SOUTH, EAST, WEST y CENTER. Es el gestor por defecto para JFrame.

FlowLayout

FlowLayout organiza componentes secuencialmente en una fila, saltando a la siguiente línea según sea necesario. Es el gestor por defecto para JPanel.

GridBagLayout

GridBagLayout ofrece la mayor flexibilidad, permitiendo que los componentes ocupen múltiples filas o columnas y se alineen precisamente dentro de una cuadrícula.

Ejemplo: Construyendo una ventana de chat simple

A continuación se muestra un programa completo que demuestra cómo combinar menús, un área de texto y un panel de control en una interfaz de chat cohesiva.

Intenta codificarlo tú mismo antes de revisar la solución.

// Aplicación Swing completa que incluye menús, área de texto y controles
import javax.swing.*;
import java.awt.*;
class GuiDemo {
    public static void main(String[] args) {
        JFrame frame = new JFrame("Chat Frame");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(400, 400);
        // Barra de menú
        JMenuBar menuBar = new JMenuBar();
        JMenu menuArchivo = new JMenu("ARCHIVO");
        JMenu menuAyuda = new JMenu("Ayuda");
        menuBar.add(menuArchivo);
        menuBar.add(menuAyuda);
        JMenuItem itemAbrir = new JMenuItem("Abrir");
        JMenuItem itemGuardar = new JMenuItem("Guardar como");
        menuArchivo.add(itemAbrir);
        menuArchivo.add(itemGuardar);
        // Panel inferior con FlowLayout (por defecto)
        JPanel panel = new JPanel();
        panel.add(new JLabel("Introducir Texto"));
        panel.add(new JTextField(10));
        panel.add(new JButton("Enviar"));
        panel.add(new JButton("Reiniciar"));
        // Área de texto en el centro
        JTextArea areaTexto = new JTextArea();
        // Añadir componentes al frame usando BorderLayout
        frame.getContentPane().add(BorderLayout.SOUTH, panel);
        frame.getContentPane().add(BorderLayout.NORTH, menuBar);
        frame.getContentPane().add(BorderLayout.CENTER, areaTexto);
        frame.setVisible(true);
    }
}