Java Swing es una biblioteca gráfica de Java que permite crear interfaces de usuario (GUI) ricas y funcionales para aplicaciones de escritorio. En esta guía, exploraremos conceptos clave de JFrame, JPanel, JMenuBar, varios Layout Managers, y cómo añadir funcionalidad avanzada a un botón. Finalmente, crearemos un formulario completo utilizando estos conceptos.
Conceptos Básicos
JFrame
Explicación:
JFrame es la clase principal en Java Swing que representa una ventana en una aplicación de escritorio. Es el contenedor principal sobre el cual se pueden añadir otros componentes como botones, paneles, menús, etc. Un JFrame puede tener un título, bordes, y controles de ventana (minimizar, maximizar, cerrar).
Ejemplo:
import javax.swing.*;
public class EjemploJFrame {
public static void main(String[] args) {
JFrame frame = new JFrame("Mi Primera Ventana");
frame.setSize(400, 300);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setVisible(true);
}
}
JPanel
Explicación:
JPanel es un contenedor ligero utilizado para organizar otros componentes dentro de un JFrame. Un JPanel puede contener botones, etiquetas, cuadros de texto, etc., y se usa para gestionar el diseño y la organización de la interfaz gráfica.
Ejemplo:
import javax.swing.*;
import java.awt.*;
public class EjemploJPanel {
public static void main(String[] args) {
JFrame frame = new JFrame("Ejemplo de JPanel");
frame.setSize(400, 300);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
JPanel panel = new JPanel();
panel.setBackground(Color.LIGHT_GRAY);
JButton boton = new JButton("Presionar");
panel.add(boton);
frame.add(panel);
frame.setVisible(true);
}
}
JMenuBar
Explicación:
JMenuBar es un componente de Java Swing que se utiliza para crear una barra de menú en un JFrame. Una barra de menú puede contener varios JMenu, y cada JMenu puede contener varios JMenuItem. Los menús son desplegables y permiten al usuario ejecutar diferentes acciones en la aplicación.
Ejemplo:
import javax.swing.*;
public class EjemploJMenuBar {
public static void main(String[] args) {
JFrame frame = new JFrame("Ejemplo de JMenuBar");
frame.setSize(400, 300);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
JMenuBar menuBar = new JMenuBar();
JMenu menuArchivo = new JMenu("Archivo");
JMenuItem itemAbrir = new JMenuItem("Abrir");
JMenuItem itemGuardar = new JMenuItem("Guardar");
JMenuItem itemSalir = new JMenuItem("Salir");
menuArchivo.add(itemAbrir);
menuArchivo.add(itemGuardar);
menuArchivo.addSeparator();
menuArchivo.add(itemSalir);
menuBar.add(menuArchivo);
frame.setJMenuBar(menuBar);
frame.setVisible(true);
}
}
Layout Managers
BorderLayout
Explicación:
BorderLayout divide el contenedor en cinco áreas: Norte (NORTH), Sur (SOUTH), Este (EAST), Oeste (WEST) y Centro (CENTER). Cada área puede contener solo un componente, y el área central tiende a ocupar el espacio restante.
Ejemplo:
import javax.swing.*;
import java.awt.*;
public class EjemploBorderLayout {
public static void main(String[] args) {
JFrame frame = new JFrame("Ejemplo de BorderLayout");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setSize(400, 300);
frame.setLayout(new BorderLayout());
JButton botonNorte = new JButton("Norte");
JButton botonSur = new JButton("Sur");
JButton botonEste = new JButton("Este");
JButton botonOeste = new JButton("Oeste");
JButton botonCentro = new JButton("Centro");
frame.add(botonNorte, BorderLayout.NORTH);
frame.add(botonSur, BorderLayout.SOUTH);
frame.add(botonEste, BorderLayout.EAST);
frame.add(botonOeste, BorderLayout.WEST);
frame.add(botonCentro, BorderLayout.CENTER);
frame.setVisible(true);
}
}
FlowLayout
Explicación:
FlowLayout coloca los componentes en una línea, uno tras otro, empezando desde la izquierda y ajustando a la derecha. Si no hay suficiente espacio horizontal, se mueve a la siguiente línea.
Ejemplo:
import javax.swing.*;
import java.awt.*;
public class EjemploFlowLayout {
public static void main(String[] args) {
JFrame frame = new JFrame("Ejemplo de FlowLayout");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setSize(400, 300);
frame.setLayout(new FlowLayout());
for (int i = 1; i <= 5; i++) {
frame.add(new JButton("Botón " + i));
}
frame.setVisible(true);
}
}
GridLayout
Explicación:
GridLayout organiza los componentes en una cuadrícula rectangular con un número fijo de filas y columnas. Cada celda de la cuadrícula tiene el mismo tamaño.
Ejemplo:
import javax.swing.*;
import java.awt.*;
public class EjemploGridLayout {
public static void main(String[] args) {
JFrame frame = new JFrame("Ejemplo de GridLayout");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setSize(400, 300);
frame.setLayout(new GridLayout(3, 2)); // 3 filas y 2 columnas
for (int i = 1; i <= 6; i++) {
frame.add(new JButton("Botón " + i));
}
frame.setVisible(true);
}
}
BoxLayout
Explicación:
BoxLayout coloca los componentes en una única fila (eje X) o en una única columna (eje Y). Proporciona una manera flexible de alinear los componentes horizontalmente o verticalmente.
Ejemplo:
import javax.swing.*;
import java.awt.*;
public class EjemploBoxLayout {
public static void main(String[] args) {
JFrame frame = new JFrame("Ejemplo de BoxLayout");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setSize(400, 300);
JPanel panel = new JPanel();
panel.setLayout(new BoxLayout(panel, BoxLayout.Y_AXIS)); // Alineación vertical
panel.add(new JButton("Botón 1"));
panel.add(new JButton("Botón 2"));
panel.add(new JButton("Botón 3"));
panel.add(new JButton("Botón 4"));
panel.add(new JButton("Botón 5"));
frame.add(panel);
frame.setVisible(true);
}
}
Añadir Funcionalidad Avanzada a un Botón
Para añadir funcionalidad avanzada a un botón en una interfaz de usuario en Java Swing, seguimos varios pasos clave:
- Crear el botón: Crear una instancia de JButton.
- Añadir el botón a un contenedor: Añadir el botón a un JFrame o un JPanel.
- Definir un ActionListener: Implementar la interfaz ActionListener que define lo que debe suceder cuando el botón es presionado.
- Registrar el ActionListener con el botón: Asociar el ActionListener con el botón para que se ejecute el código definido cuando el botón es presionado.
- Mostrar información adicional: Añadir funcionalidad para mostrar un mensaje de saludo en una nueva ventana.
Ejemplo Completo con Funcionalidad Avanzada
Este ejemplo muestra cómo crear un botón que, al ser presionado, muestra un mensaje de saludo en una nueva ventana, y además cambia el color de fondo de la ventana principal.
import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
public class EjemploBotonSaludoAvanzado {
public static void main(String[] args) {
// Crear el marco principal
JFrame frame = new JFrame("Ejemplo de Botón con Funcionalidad Avanzada");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setSize(400, 300);
frame.setLayout(new FlowLayout());
// Crear el botón
JButton botonSaludo = new JButton("Saludar");
// Añadir el botón al marco
frame.add(botonSaludo);
// Crear un cuadro de texto y una etiqueta
JTextField nombreField = new JTextField(15);
frame.add(nombreField);
JLabel mensajeLabel = new JLabel("Introduce tu nombre y presiona el botón");
frame.add(mensajeLabel);
// Definir el ActionListener para el botón
botonSaludo.addActionListener(new ActionListener() {
@Override
public void actionPerformed(ActionEvent e) {
String nombre = nombreField.getText();
JFrame saludoFrame = new JFrame("Saludo");
saludoFrame.setSize(200, 100);
saludoFrame.setLayout(new FlowLayout());
JLabel saludoLabel = new JLabel("Hola " + nombre);
saludoFrame.add(saludoLabel);
saludoFrame.setVisible(true);
// Cambiar el color de fondo del marco principal
frame.getContentPane().setBackground(Color.CYAN);
}
});
// Hacer visible el marco principal
frame.setVisible(true);
}
}
Ejemplo Completo: Creación de un Formulario en Swing
Para demostrar cómo usar todos estos conceptos juntos, crearemos un formulario completo en Java Swing.
Código del Formulario
import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
public class FormularioSwing {
public static void main(String[] args) {
// Crear el marco principal
JFrame frame = new JFrame("Formulario de Registro");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setSize(400, 300);
frame.setLayout(new BorderLayout());
// Crear el panel principal
JPanel panel = new JPanel();
panel.setLayout(new GridLayout(5, 2, 5, 5));
// Añadir los componentes al panel
panel.add(new JLabel("Nombre:"));
JTextField nombreField = new JTextField(15);
panel.add(nombreField);
panel.add(new JLabel("Apellido:"));
JTextField apellidoField = new JTextField(15);
panel.add(apellidoField);
panel.add(new JLabel("Correo Electrónico:"));
JTextField emailField = new JTextField(15);
panel.add(emailField);
panel.add(new JLabel("Contraseña:"));
JPasswordField passwordField = new JPasswordField(15);
panel.add(passwordField);
JButton registrarButton = new JButton("Registrar");
panel.add(registrarButton);
// Añadir el panel al marco
frame.add(panel, BorderLayout.CENTER);
// Crear una etiqueta para el mensaje de resultado
JLabel resultadoLabel = new JLabel("");
frame.add(resultadoLabel, BorderLayout.SOUTH);
// Definir el ActionListener para el botón
registrarButton.addActionListener(new ActionListener() {
@Override
public void actionPerformed(ActionEvent e) {
String nombre = nombreField.getText();
String apellido = apellidoField.getText();
String email = emailField.getText();
String password = new String(passwordField.getPassword());
// Mostrar el mensaje de resultado
resultadoLabel.setText("Registro exitoso para: " + nombre + " " + apellido);
}
});
// Hacer visible el marco principal
frame.setVisible(true);
}
}
Explicación Paso a Paso del Formulario:
- Crear el marco principal:
JFrame frame = new JFrame("Formulario de Registro"); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frame.setSize(400, 300); frame.setLayout(new BorderLayout());
- Creamos un JFrame llamado
frame
con el título “Formulario de Registro”. - Configuramos el comportamiento al cerrar la ventana.
- Establecemos el tamaño de la ventana.
- Usamos BorderLayout para organizar los componentes.
- Creamos un JFrame llamado
- Crear el panel principal:
JPanel panel = new JPanel(); panel.setLayout(new GridLayout(5, 2, 5, 5));
- Creamos un JPanel llamado
panel
. - Usamos GridLayout para organizar los componentes en una cuadrícula de 5 filas y 2 columnas, con 5 píxeles de espacio entre cada celda.
- Creamos un JPanel llamado
- Añadir los componentes al panel:
panel.add(new JLabel("Nombre:")); JTextField nombreField = new JTextField(15); panel.add(nombreField); panel.add(new JLabel("Apellido:")); JTextField apellidoField = new JTextField(15); panel.add(apellidoField); panel.add(new JLabel("Correo Electrónico:")); JTextField emailField = new JTextField(15); panel.add(emailField); panel.add(new JLabel("Contraseña:")); JPasswordField passwordField = new JPasswordField(15); panel.add(passwordField); JButton registrarButton = new JButton("Registrar"); panel.add(registrarButton);
- Añadimos etiquetas (
JLabel
) y campos de texto (JTextField
yJPasswordField
) al panel para que el usuario introduzca sus datos. - Añadimos un botón de registro (
JButton
) al panel.
- Añadimos etiquetas (
- Añadir el panel al marco:
frame.add(panel, BorderLayout.CENTER);
- Añadimos el panel al centro del BorderLayout del JFrame.
- Crear una etiqueta para el mensaje de resultado:
JLabel resultadoLabel = new JLabel(""); frame.add(resultadoLabel, BorderLayout.SOUTH);
- Creamos una
JLabel
para mostrar el mensaje de resultado y la añadimos al sur del BorderLayout del JFrame.
- Creamos una
- Definir el ActionListener para el botón:
registrarButton.addActionListener(new ActionListener() { @Override public void actionPerformed(ActionEvent e) { String nombre = nombreField.getText(); String apellido = apellidoField.getText(); String email = emailField.getText(); String password = new String(passwordField.getPassword()); // Mostrar el mensaje de resultado resultadoLabel.setText("Registro exitoso para: " + nombre + " " + apellido); }});
- Definimos un
ActionListener
para el botón de registro. Cuando el botón es presionado, obtenemos los datos introducidos por el usuario y mostramos un mensaje de resultado en la etiqueta.
- Definimos un
- Hacer visible el marco principal:
java frame.setVisible(true);
- Finalmente, hacemos visible el JFrame
frame
.
- Finalmente, hacemos visible el JFrame
Este formulario completo en Java Swing muestra cómo combinar múltiples conceptos de Swing para crear una interfaz gráfica de usuario funcional y avanzada. Con estos conocimientos, puedes construir interfaces de usuario más complejas y dinámicas en tus aplicaciones Java.
¿QUÉ TE HA PARECIDO EL ARTÍCULO? Danos tu opinión al final de la página.
Deja tu comentario y ayúdanos a crecer.
¡SÍGUENOS EN TUS REDES FAVORITAS!
AYUDANOS A CRECER Y QUE LLEGUEMOS A TODAS LAS PERSONAS QUE NOS NECESITANA. SÍGUENOS EN TUS REDES.
Entra AQUÍ y elíge donde seguirnos.

NUESTRAS ÚLTIMAS PUBLICACIONES
- Las maravillas de las ciencias biológicas según la Academia SanRoque
- La motivación en Academia SanRoque
- Los docentes también se divierten.
- Comandos Principales en MongoDB y sus Equivalentes en Java
- Las bondades de escribir y leer cada día: herramientas esenciales para la vida académica, empresarial y social
- Immanuel Kant: Disertación contra las IA
- Forma Normal de Boyce-Codd (FNBC) en Bases de Datos
- Las Formas Normales en Bases de Datos
- La importancia de rodearte de personas virtuosas para alcanzar tus metas
ELIGE TU RED FAVORITA Y SÍGUENOS.
AYUDANOS A CRECER Y A LLEGAR A TODAS LAS PERSONAS QUE NOS NECESITAN.
Contenido restringido
Comments are closed