Java GUI圖形界面開發實現小型計算器流程詳解

一、設計目標

(1)主要功能:實現簡單的加、減、乘、除等雙目運算,和開平方、百分數等單目運算

(2)輔助功能:按鈕“C”實現清空文本框;按鈕“←”實現退格,刪除文本框中最右邊的一個字符

二、界面設計

創建“面板對象”,並設置其佈局管理方式為5行4列的GridLayout佈局方式,以用於容納20個按鈕。文本框和容納20個按鈕組件的面板則使用邊界佈局方式分別將其佈局到窗體BorderLayout.NORTH和中央位置BorderLayout.CENTER;

接著設置20個按鈕的文本內容:聲明並創建String型數組,存放20個按鈕上的文本內容,聲明並創建JButton型(或者Button型)的數組,使用for循環為20個按鈕依次添加文本。

我們先來看一下最終界面效果:

三、功能實現

采用“委托事件處理模型”進行事件處理,以響應用戶的操作。本次主要使用到的組件是按鈕和文本框,故均可列為ActionEvent類,使用ActionListener事件監聽器接口,實現actionPerformed方法來響應事件。

計算功能的實現:註意雙目運算符和單目運算符的不同處理。雙目運算符,定義變量保存第一個操作數的值,以及雙目運算後的值,通過點擊“=”後將運算結果顯示到文本框中。單目運算符,輸入數值後,點擊運算符直接在文本框中顯示運算結果。開平方根的功能通過調用Math類的sqrt()方法實現,百分數運算直接乘以0.01即可,因為例如12%=12*0.01+0.12,為此特地定義瞭一個實現計算的方法,部分代碼如下:

public void calculate(){
		char[]arr=input.getText().toCharArray();//將輸入的計算表達式字符串存儲在字符數組中便於查找運算符的位置
		int i=0;//移動標志變量
		while('0'<=arr[i]&&arr[i]<='9'||arr[i]=='.')//去除數字與小數點以確定雙目運算符的位置
		      i++;
		char operator=arr[i];//將該運算符存儲起來
		//雙目運算
		if(operator!='%'&&operator!='√'){
			String s=input.getText(),s1,s2;//s1,s2分別存儲運算符前後的數值字符串
			s1=s.substring(0,i);
			s2=s.substring(i+1,s.length());
			Double left=Double.parseDouble(s1);//將運算符左邊的數值字符串轉換為浮點數
			Double right=Double.parseDouble(s2);//將運算符右邊的數值字符串轉換為浮點數
			//根據不同的運算符進行相應的計算
			if(operator=='+')result=left+right;
			else if(operator=='-')result=left-right;
			else if(operator=='×')result=left*right;
			else if(operator=='÷')result=left/right;
		}
		//單目運算
		else{
			String s=input.getText(),s1;
			s1=s.substring(0,s.length()-1);
			Double a=Double.parseDouble(s1);
			if(operator=='%'){
				result=0.01*a;
			}
			else if(operator=='√'){
				result=Math.sqrt(a);
			}
		}
	}

‏ 代碼思路:以 8+5 該運算表達式為例。先從文本框input中獲取用戶通過按鈕組件輸入的計算表達式字符串“8+5”,先將其轉換成字符數組,如果是雙目運算,先通過循環找到運算符的位置,然後利用StringTokenizer類中的字符分割編輯的方法substring(a,b),獲取字符串中下標從a開始,b-1結束的字符串(左閉右開區間),實現以運算符為分界線,將兩個數字字符分割出來,即分別獲得瞭'8'和'5'這兩個字符,再利用Double.parseDouble()的方法將其變為可進行運算的浮點數8.0和5.0,最後根據不同的運算符進行相應的計算,將結果保存到變量result中。單目運算符同理,隻不過分割後隻有一個左操作數沒有右操作數。

按鈕“C”清空文本框的實現:調用文本框對象的成員方法setText(""),將其重置為空串即可

按鈕“←”退格的實現:首先獲取文本框中的字符串,然後調用成員方法substring()得到除掉最後一個字符所剩下的子串,最後將該字符串設置為文本框對象的內容。部分代碼如下:

            String str=input.getText();
			if(str.length()>1){
				str=str.substring(0,str.length()-1);
				input.setText(str);
			}
			else{
				input.setText("");
			}

四、全部代碼

import java.awt.*;
import javax.swing.*;
import java.awt.event.*;
import java.util.StringTokenizer;
public class Calculator extends JFrame implements ActionListener{
	JTextField input;//文本框,顯示計算結果
	JButton []button=new JButton[20];//按鈕數組,存放20個按鈕組件
	JPanel pan=new JPanel();
	String name[]={"C","÷", "×", "←","7", "8", "9", "-", "4", "5", "6", "+", "1", "2", "3", "√", "%", "0", ".", "="};//按鈕標簽數組
	double result;//存儲雙目運算的結果
	public Calculator(){
		setTitle("模擬計算器—江海大");
		pan.setLayout(new GridLayout(5,4));//設置面板pan的佈局格式為5行4列的網格佈局,存放20個按鈕
		input=new JTextField(20);
		input.setText("");
		input.setFont(new Font("宋體",Font.BOLD,18));
		input.setForeground(Color.BLUE);
		for(int i=0;i<button.length;i++){
			button[i]=new JButton(name[i]);
			button[i].setFont(new Font("黑體",Font.BOLD,20));
			button[i].addActionListener(this);//給每一個按鈕註冊事件監聽器
			pan.add(button[i]);
		}
		add(input,BorderLayout.NORTH);
		add(pan,BorderLayout.CENTER);
		setSize(600,400);
		setVisible(true);
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//關閉窗體
	}
	//動作響應
	public void actionPerformed(ActionEvent e){
		//如果點擊按鈕 "C"則觸發清空文本框的操作
		if(e.getSource()==button[0]){
			input.setText("");
		}
		//如果點擊按鈕"="則調用計算方法並在文本框顯示結果
		else if(e.getSource()==button[19]){
			calculate();
			input.setText(""+result);//輸出計算結果
		}
		//如果點擊"<--"按鈕則刪去文本框內字符串的末尾字符
		else if(e.getSource()==button[3]){
			String str=input.getText();
			if(str.length()>1){
				str=str.substring(0,str.length()-1);
				input.setText(str);
			}
			else{
				input.setText("");
			}
		}
		//以字符串拼接的方式將點擊的按鈕的標簽拼接起來,成為一個運算表達式字符串
		else{
			input.setText(input.getText()+e.getActionCommand());
		}
	}
	public void calculate(){
		char[]arr=input.getText().toCharArray();//將輸入的計算表達式字符串存儲在字符數組中便於查找運算符的位置
		int i=0;//移動標志變量
		while('0'<=arr[i]&&arr[i]<='9'||arr[i]=='.')//去除數字與小數點以確定雙目運算符的位置
		      i++;
		char operator=arr[i];//將該運算符存儲起來
		//雙目運算
		if(operator!='%'&&operator!='√'){
			String s=input.getText(),s1,s2;//s1,s2分別存儲運算符前後的數值字符串
			s1=s.substring(0,i);
			s2=s.substring(i+1,s.length());
			Double left=Double.parseDouble(s1);//將運算符左邊的數值字符串轉換為浮點數
			Double right=Double.parseDouble(s2);//將運算符右邊的數值字符串轉換為浮點數
			//根據不同的運算符進行相應的計算
			if(operator=='+')result=left+right;
			else if(operator=='-')result=left-right;
			else if(operator=='×')result=left*right;
			else if(operator=='÷')result=left/right;
		}
		//單目運算
		else{
			String s=input.getText(),s1;
			s1=s.substring(0,s.length()-1);
			Double a=Double.parseDouble(s1);
			if(operator=='%'){
				result=0.01*a;
			}
			else if(operator=='√'){
				result=Math.sqrt(a);
			}
 
		}
	}
	public static void main(String[]args){
		new Calculator();
	}
}

五、功能測試

加法

減法

乘法

除法

開平方

清空

退格

六、小結

這個小案例趣味性很強,通過該案例可以增強對GUI圖形界面的認識,包括瞭一些常用組件與佈局格式的使用,還有委托事件處理模型,事件監聽器類等等。當然,這個計算器還未完善優化,例如不支持混合運算,還有不支持高精度和功能不齊全等等問題,後續有時間繼續優化。

到此這篇關於Java GUI圖形界面開發實現小型計算器流程詳解的文章就介紹到這瞭,更多相關Java GUI 計算器內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!

推薦閱讀: