上机课的第一个图形界面。。
在正式编码之前,先要把整体的布局给划分清楚。
这个简单的计算器界面包含两部分:
一是上面用来输入以及输出的文本框;而是下面的数字以及运算符号。
那么在框架里面,我们可以添加两个面板:
一个用来放置文本框,另一个用来放置数字及运算符号。
1.文本框可以用边界布局放在框架的上面(即北部)
2.运算界面可以用网格布局(4*4)放在下面。
规划好之后,就可以写代码了。(很水)
改天有时间会加上监听器,使之可以运算。
package Calculator;//我的工程
import java.awt.*;
import javax.swing.*;
public class MyCal //包名
{
public static void main(String args[])
{
JFrame frm=new JFrame("MyCalculator");//给界面赋一个名字
JPanel jp1= new JPanel();//面板一,放置文本框
JPanel jp2= new JPanel();//面板二,放置运算器
Container c= frm.getContentPane();
jp1.setLayout(new BorderLayout());//面板一边界布局
jp2.setLayout(new GridLayout(4,4));//面板二网格布局
JTextField jt=new JTextField("0");
jt.setPreferredSize(new Dimension(300,45));//修改文本框的高度
jt.setEditable(true);//文本框设置为可编辑性
jp1.add(jt);
String[] str={"7","8","9","/","4","5","6","*","1","2","3","-","0",".","+","="};
for(int i=0;i<str.length;i++)
{
JButton jbt=new JButton(str[i]);
jp2.add(jbt);
}//向网格布局里加入各个按钮
c.add(jp1,BorderLayout.NORTH);
c.add(jp2);//将两个面板加入到容器里
frm.setSize(300, 300);//设置框架的大小
frm.setVisible(true);//设置框架为可见
}
}