COMPARTE ESTE ARTÍCULO

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:

  1. Crear el botón: Crear una instancia de JButton.
  2. Añadir el botón a un contenedor: Añadir el botón a un JFrame o un JPanel.
  3. Definir un ActionListener: Implementar la interfaz ActionListener que define lo que debe suceder cuando el botón es presionado.
  4. 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.
  5. 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:

  1. 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.
  2. 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.
  3. 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 y JPasswordField) al panel para que el usuario introduzca sus datos.
    • Añadimos un botón de registro (JButton) al panel.
  4. Añadir el panel al marco:frame.add(panel, BorderLayout.CENTER);
    • Añadimos el panel al centro del BorderLayout del JFrame.
  5. 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.
  6. 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.
  7. Hacer visible el marco principal:
    java frame.setVisible(true);
    • Finalmente, hacemos visible el JFrame frame.

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

AYUDANOS A CRECER Y A LLEGAR A TODAS LAS PERSONAS QUE NOS NECESITAN.

Contenido restringido

Acceso de usuarios existentes
   
Registro de un nuevo usuario
*Campo necesario

Categories:

Tags:

Comments are closed

Estado de acceso
ESTADO DE ACCESO
TRADUCTORES
COMPARTENOS
error: CONTENIDO PROTEGIDO