利用Java制作计算器的界面

Java制作基于GUI计算器的界面

    

             首先，我们需要知道GUI是什么东西，所谓GUI，全称为（Graphical User Interface），又称图形用户接口，或者是图形用户界面，其实就是指采用图形方式显示的计算机操作用户界面。

             既然我们知道了GUI，然后我们就自然联想到了各种按钮，各种窗口图形，而这些东西，全部都包含在了java自带的Swing中，Swing，嗯，百度一下：Swing是一个用于开发Java应用程序用户界面的开发工具包。

至于我们如何去调用，在代码的开头附上一句：

import javax.swing.*;

就可以了。

               在具体讲解之前，还需要了解一些Java中的一些词汇：

JFrame ：它是屏幕上window的对象，能够最大化、最小化、关闭

JPanel ：是一种轻量级容器，可以加入到JFrame窗体中

JTextArea ：是一个文本框，可以显示文本

JButton ： 是Java中的按钮，可以实现一些功能

                  讲了这么多废话，终于要开始了。

JFrame frame1 = new JFrame("calculate") ;
	 
	 JPanel pan1 = new JPanel();//数字按钮
	 
	 JPanel pan2 = new JPanel();//符号按钮
	 
	 JTextArea nr1 = new JTextArea(1,10);//建立文本框

               如上：我们就已经建立了一个名为calculate的窗口啦，里面包含着两个容器，一个是用来放置数字按钮的，还有一个是用来放置符号按钮的。还有一个用来显示你输入的东西的文本显示区域。

东西既然设置好了，总得设置个大小吧：

	 frame1.setSize(225,245);
		 pan1.setLayout(null);
		 pan1.setBounds(0,20,180,240);//建立容器1的大小
		 pan2.setLayout(null);
		 pan2.setBounds(180,30,60,240);//建立容器2的大小
		 

               上面的setLayout() 实际是指pan1的布局为啥样，我们设置为空，是为了下面的绝对坐标的使用。

框架既然已经大致出来了，没有按钮怎么行呢？

for(int i=0;i<=2;i++) {
		 for(int j=1;j<=3;j++) {
	 JButton but = new JButton(""+(3*i+j));
	 but.setBounds(60*(j-1),60*i,60,60);
	 pan1.add(but);
}
}
JButton but10 = new JButton("#");
     but10.setBounds(0,180,60,60);
     pan1.add(but10);
     JButton but11 = new JButton("0");
     but11.setBounds(60,180,60,60);
     pan1.add(but11);
     JButton but12 = new JButton("~");
     but12.setBounds(120,180,60,60);
     pan1.add(but12);

                  这样，我们就建立了1-9，九个按钮以及建立了0，#，~，这就完成了数字区域的按钮。
                  哦，忘了说了，  .setBounds()函数其实是 .setBounds(x,y,length,height)   x就是在容器中的绝对坐标下，y也同理，length就是在x方向上按钮的长度，height就是在y方向上的长度。

                  紧接着，我们把容器二中的按钮也添加进去：

JButton  jia = new JButton("+");
	 jia.setBounds(180,0,60,40);
	 JButton  jian = new JButton("-");
	 jian.setBounds(180,40,60,40);
	 JButton  chen = new JButton("*");
	 chen.setBounds(180,80,60,40);
	 JButton  chu = new JButton("/");
	 chu.setBounds(180,120,60,40);
	 JButton  qingkong = new JButton("清空");
	 qingkong.setBounds(180,160,60,40);
	 JButton  dengyu = new JButton("=");
	 dengyu.setBounds(180,200,60,40);
	 pan2.add(jia);//在容器2中添加功能按钮
	 pan2.add(jian);
	 pan2.add(chen);
	 pan2.add(chu);
	 pan2.add(qingkong);
	 pan2.add(dengyu);

               最后，我们还需要将整个window进行布局，你想嘛，上面只是确定了有哪些容器，却没有说到底怎么分布。

 BorderLayout Bor = new BorderLayout(2,2);//进行布局
	 frame1.setLayout(Bor);
	 frame1.add(nr1,Bor.NORTH);
	 frame1.add(pan1,Bor.CENTER);
	 frame1.add(pan2,Bor.CENTER);

               先给大家说明一下，java一共有好几种布局方式：

布局方式	解释：
BorderLayout	分为五块：东西南北中
FlowLayout	类似段落
GirdLayout	被分为等大矩形
BoxLayout	额，怎么解释呢？类似于盒子进行排布
CardLayout	类似于图层

最后的话，别忘了加上：

 frame1.setVisible(true) ; 
	 frame1.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 

给大家发个总的代码吧，最后了，第一次写博客，写的不好还请见谅。

package diqizhang;
 import java.awt.BorderLayout;

import javax.swing.*;
public class calculate1{ 
	public static void main(String[] args){
	{
	 JFrame frame1 = new JFrame("calculate") ;
	 
	 JPanel pan1 = new JPanel();//数字按钮
	 
	 JPanel pan2 = new JPanel();//符号按钮
	 
	 JTextArea nr1 = new JTextArea(1,10);//建立文本框
	 
		 frame1.setSize(225,245);
		 pan1.setLayout(null);
		 pan1.setBounds(0,20,180,240);//建立容器1的大小
		 pan2.setLayout(null);
		 pan2.setBounds(180,30,60,240);//建立容器2的大小
		 
		 
	 //建立12个按钮
	 	for(int i=0;i<=2;i++) {
		 for(int j=1;j<=3;j++) {
	 JButton but = new JButton(""+(3*i+j));
	 but.setBounds(60*(j-1),60*i,60,60);
	 pan1.add(but);}}
	
	 JButton but10 = new JButton("#");
	 but10.setBounds(0,180,60,60);
	 pan1.add(but10);
	 JButton but11 = new JButton("0");
	 but11.setBounds(60,180,60,60);
	 pan1.add(but11);
	 JButton but12 = new JButton("~");
	 but12.setBounds(120,180,60,60);
	 pan1.add(but12);
	 
	 JButton  jia = new JButton("+");
	 jia.setBounds(180,0,60,40);
	 JButton  jian = new JButton("-");
	 jian.setBounds(180,40,60,40);
	 JButton  chen = new JButton("*");
	 chen.setBounds(180,80,60,40);
	 JButton  chu = new JButton("/");
	 chu.setBounds(180,120,60,40);
	 JButton  qingkong = new JButton("清空");
	 qingkong.setBounds(180,160,60,40);
	 JButton  dengyu = new JButton("=");
	 dengyu.setBounds(180,200,60,40);
	 pan2.add(jia);//在容器2中添加功能按钮
	 pan2.add(jian);
	 pan2.add(chen);
	 pan2.add(chu);
	 pan2.add(qingkong);
	 pan2.add(dengyu);
	 
	 BorderLayout Bor = new BorderLayout(2,2);//进行布局
	 frame1.setLayout(Bor);
	 frame1.add(nr1,Bor.NORTH);
	 frame1.add(pan1,Bor.CENTER);
	 frame1.add(pan2,Bor.CENTER);
	 frame1.setVisible(true) ; 
	 frame1.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 
		}
	}
}
效果图：：：：：