Iniciando el proyecto de la calculadora en Java

En esta práctica, aprenderemos a crear una calculadora básica en Java utilizando la biblioteca SWING. Las calculadoras son herramientas útiles que permiten a los usuarios realizar operaciones matemáticas de forma rápida y sencilla. Al aprender a crear una calculadora en Java, podrás mejorar tus habilidades de programación y diseño de interfaces de usuario.

Creando la interfaz de la calculadora

Crea un nuevo proyecto de Java en IntelliJ IDEA.
Crea dentro de la carpeta src un nuevo paquete llamado calculadora.
- Para hacer esto, haz clic derecho sobre la carpeta src y selecciona New > Package.
Crea una nueva ventana mediante el editor de diseño de IntelliJ IDEA.
- Para hacer esto, haz clic derecho sobre el paquete calculadora y selecciona New > Swing GUI Designer > GUI Form.
Renombra el panel principal como mainPanel.
- Para hacer esto, selecciona el panel en el editor visual y cambia el nombre en la barra de propiedades.
Haz que la clase de la ventana extienda de JFrame y crea un constructor para la misma con lo siguiente:
public class Calculadora extends JFrame { private JPanel mainPanel; public Calculadora() { setTitle("Calculadora"); setSize(300, 400); setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); setLocationRelativeTo(null); setContentPane(mainPanel); setVisible(true); } }
Arrastra dos paneles a la ventana para dividir la interfaz en dos secciones: una para los botones y otra para el resultado.
Agrega un campo de texto para mostrar el resultado de las operaciones en la parte superior de la ventana y renombralo a txtResultado.
Agrega botones para los números y operaciones matemáticas en la parte inferior de la ventana.
- Nota: En este ejemplo los botones se llamarán btn1, ..., btn9, btnSuma, btnResta, btnMultiplicacion, btnDivision, btnIgual y btnLimpiar. Pero tú puedes nombrarlos como desees. Nota: De igual manera, puedes personalizar la disposición y diseño de los botones según tus preferencias.
Agrega la función getTxtResultado para obtener el texto del campo de texto txtResultado.
public String getTxtResultado() { return txtResultado.getText(); }
Nota: Para agregar esta función, haz clic derecho sobre el campo de texto txtResultado en el editor visual y selecciona Generate > Getter. Selecciona el nombre del atributo y haz clic en OK.
Crea la función main para ejecutar la aplicación y mostrar la ventana de la calculadora.
public static void main(String[] args) { new Calculadora(); }
Ejecuta la aplicación y verífica que la ventana de la calculadora se muestre correctamente.
¡Listo! Has creado la interfaz de la calculadora en Java.

Si hemos seguimos los pasos anteriores, la clase Calculadora debería verse de la siguiente manera:

package calculadora;

import javax.swing.*;

public class Calculadora extends JFrame {

    private JTextField txtResultado;
    private JPanel mainPanel;
    private JButton btn6;
    private JButton btn7;
    private JButton btn8;
    private JButton btn9;
    private JButton btn5;
    private JButton btn4;
    private JButton btn3;
    private JButton btn2;
    private JButton btn1;
    private JButton btn0;
    private JButton btnSuma;
    private JButton btnIgual;
    private JButton btnResta;
    private JButton btnMulti;
    private JButton btnDiv;
    private JButton btnClear;

    public static void main(String[] args) {
        new Calculadora();
    }

    public Calculadora() {

        setTitle("Calculadora");
        setSize(300, 400);
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setContentPane(mainPanel);
        setResizable(false);
        setLocationRelativeTo(null);
        setVisible(true);
    }

    public JTextField getTxtResultado() {
        return txtResultado;
    }
}

Last modified: 15 February 2025