on mayo 24, 2024

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:

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.
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.
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.
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.
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.
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.

    
 
 
         
   Maria Del Carmen Hernandez Herrera 
 
 
 
  Contacte con Alejandro por recomendación de una compañera de trabajo a la cuál ayudó mucho en la preparación de unos exámenes muy complicados . La física y química para mi hija en este curso estaba siendo muy complicada, tanto es así ,que suspendió la primera evaluación y ella no había suspendido nunca, desde que acude a sus clases hay un antes y un después ...... Alejandro con su manera de explicar ha conseguido que las entienda , que pueda desarrollar los problemas que tenga confianza en sí misma....tanto es así que ha aprobado todos los exámenes....Paula está súper contenta y yo más!!!! Siempre que tengo alguna duda o que necesito modificar un horario responden super pronto y buscan solución motivo por el cuál recomiendo al 100% está academia. Muchas gracias por su ayuda.
  
 
        
   Arianna Del Campo Martín 
 
 
 
  Yo soy estudiante universitaria, muy finalista y que llegó a la academia con prácticamente cero base… Finalmente aprobé mi examen! Aquí de una manera diferente a lo que convencionalmente se espera de los profes, me enseñaron, muy cercanamente lo que me proporcionó confianza para no callarme las dudas y preguntar todo el tiempo. Me sorprendió que el profe que me dio clases en particular era como una enciclopedia andante, sin necesidad de mirar los libros me decía fórmulas de memoria que son difíciles de entender hasta con ellas delante. Recomiendo 100%
  
 
        
   Ariana García Esquivel 
 
 
 
  No he dudado ni por un segundo que haber asistido a las clases con Alejandro es lo mejor que me ha pasado… No solamente te apoya académicamente, sino que apoya al alumno a pesar de sus dificultades, y a mí me ha estado ayudando muchísimo y en mis peores momentos. Mil gracias por tus consejos, por siempre darme ánimos, por ser tan simpático que alegras las clases aburridas y por ser un profe tan bueno, son de estas personas que nunca olvidas.❤️👏🏻 También he de decir que Raúl, el otro profesor que se encuentra en la academia…es una persona que se preocupa por el alumno a que haga las cosas bien, con tranquilidad, está siempre pendiente a ti, tiene mucha paciencia, dedica a dar sus clases lo más dinámico posible, tiene mucha amabilidad con las personas, en definitiva… tengo a los dos mejores profesores del mundo, se os quiere mucho💓✨.
  
 
        
   Another Weasley. 
 
 
 
  He tenido muchos profes, y muchos particulares, pero como Alejandro ninguno, de verdad, me hace pensar que de verdad no soy tan mala en lo mío 🥺 me apoya muchísimo y me ayuda en todo lo que pueda con mi carrera, es un profesor 10 y una persona sobretodo 10000 Gracias Ale por preocuparte por tus alumnos, por intentar que estén motivados, que las clases sean entretenidas, y lo bien y fácil que explicas !  Para mi, LOS MEJORES 💖 -alba
  
 
        
   yarel febles 
 
 
 
  He entrado a la carrera de enfermería gracias a Alejandro, sin duda estoy súper contento con mi paso por aquí :)
  
 
        
   Ana Carina Benta 
 
 
 
  Gracias por el ambiente familiar Gracias por la paciencia Gracias por la enseñanza Gracias por el apoyo Gracias por la Motivación!! Simplesmente Gracias!! Recomendable 1000%
  
 
        
   Yanet Palacio valdes 
 
 
 
  Desde hace un tiempo mi hijo asiste a la academia, pensabamos no sacaba la eso y hoy con orgullo se gradúa de 4to de la eso,muy agradecida por los profesores,sobre todo su profe Alejando persona entrañable,justo, para el todo nuestro agradecimiento..⭐⭐⭐👌👌
  
 
        
   Mabett Duque 
 
 
 
  ¡De lo bueno lo mejor, y de lo mejor lo superior!
  
 
  
 
  
 
   La evaluación general en Google es 4.4 de 5, en base a 27 reseñas

Photo by Pavel Danilyuk on Pexels.com
Photo by RealToughCandy.com on Pexels.com
Photo by Andrea Piacquadio on Pexels.com

¿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.