Creating a Visual Calculator with Java

The Link Your Class	https://bbs.csdn.net/forums/ssynkqtd-04
The Link of Requirement of This Assignment	https://bbs.csdn.net/topics/617332156
The Aim of This Assignment	Create a calculator with a visual interface and write a blog to record
MU STU ID and FZU STU ID	21126496 832102220
The Link of Code of this assignment of GitHub	https://github.com/Tyler-Linchenwei/second

Introduction

In this blog post, we will explore the step-by-step process of building a calculator application in Java. We’ll cover the problem-solving ideas, design and implementation process, code description, result display with screenshots, and a summary of the assignment.

Personal Software Process (PSP) Form

Personal Software Process Stages	Estimated Time（minutes）	Actual Time（minutes）
Planning	30	60
• Estimate	30	80
Development	120	180
• Analysis	30	20
• Design Spec	25	35
• Design Review	30	10
• Coding Standard	30	25
• Design	45	60
• Coding	100	130
• Code Review	60	50
• Test	10	10
Reporting	100	100
• Test Repor	20	20
• Size Measurement	30	25
• Postmortem & Process Improvement Plan	40	40
• Total	700	845

Ideas for solving problems

When starting this project, the first step was to think about how to approach the problem. The task was to create a visual calculator with a GUI that supports basic arithmetic operations. Here’s the thought process I followed:

1.Identify the programming language and libraries: I chose Java as the programming language and decided to use the Swing library for creating the GUI.

2.Design the GUI layout: I planned to use a JFrame as the main window and organize the components using JPanels and layout managers.

3.Handle user input: I needed to find a way to capture user input from buttons and perform the corresponding operations.

4.Implement the calculation logic: Based on the user input, the calculator should execute the appropriate arithmetic operation and display the result.

Design and Implementation Process

1.Created a class called Calculator that extends JFrame to serve as the main window.

2.Set the window title, size, layout, and close operation in the Calculator class.

3.Created two JPanels: jp_north for the input text field and clear button, and jp_center for the number and operator buttons.

4.Used the GridLayout to arrange the buttons in a 4x4 grid layout.

5.Added action listeners to the buttons to handle user input and perform operations.

6.Implemented the calculation logic in a separate method to execute the arithmetic operations.

7.Displayed the result in the input text field.

Code description

public void actionPerformed(ActionEvent e) {
    String clickStr = e.getActionCommand();
    
    // If the clicked button is a digit or a decimal point, append it to the input text field
    if (".o1234567890".indexOf(clickStr) != -1) {
        this.input_text.setText(input_text.getText() + clickStr);
        this.input_text.setHorizontalAlignment(JTextField.RIGHT);
        //JOptionPane.showMessageDialog(this, clickStr);
    } 
    // If the clicked button is an operator (+, -, *, /), store the operator and clear the input text field
    else if (clickStr.matches("[\\+\\-\\*/]{1}")) {
        operator = clickStr;
        firstInput = this.input_text.getText();
        this.input_text.setText("");
    } 
    // If the clicked button is the equals sign (=), perform the calculation
    else if (clickStr.equals("=")) {
        Double a = Double.valueOf(firstInput);
        Double b = Double.valueOf(this.input_text.getText());
        Double result = null;
        
        // Perform the corresponding arithmetic operation based on the stored operator
        switch (operator) {
            case "+":
                result = a + b;
                break;
            case "-":
                result = a - b;
                break;
            case "*":
                result = a * b;
                break;
            case "/":
                if (b != 0) {
                    result = a / b;
                }
                break;
        }
        
        // Display the calculated result in the input text field
        this.input_text.setText(result.toString());
    }
}

1.The method starts by getting the action command of the clicked button, which is stored in the clickStr variable.

2.If the clickStr is a digit (0-9) or a decimal point (.), it appends the clicked character to the input text field (input_text). It also sets the text alignment of the input field to right.

3.If the clickStr is an operator (+, -, *, /), it stores the operator in the operator variable and saves the current value of the input text field (input_text) as the firstInput. It then clears the input text field.

4.If the clickStr is the equals sign (=), it retrieves the values of firstInput and the current input text field (input_text) as a and b, respectively. It initializes the result variable as null.

5.The code uses a switch statement to perform the corresponding arithmetic operation based on the stored operator. It calculates the result and assigns it to the result variable.

6.Finally, it sets the input text field (input_text) to display the calculated result by converting it to a string using result.toString().

Displaying result functions

Displaying

Summary

In this assignment, I successfully created a visual calculator with a GUI using Java and the Swing library. The project involved designing the GUI layout, handling user input, and implementing the calculation logic. I encountered some challenges along the way, but with careful thinking and debugging, I was able to overcome them and complete the calculator.

This assignment provided a valuable learning experience, allowing me to enhance my Java programming skills and gain practical knowledge in GUI development. I hope this blog post serves as a helpful guide for creating a visual calculator and inspires you to explore more programming projects.

If you have any questions or feedback regarding this project, please feel free to leave a comment.

Thank you for reading this blog post ^ v ^ .