Java Swing计算器界面的实现

在本节之前已经详细介绍了 Swing 中容器、布局管理器以及常用的基本组件。本案例将综合运用这些知识实现一个计算器的布局。在本实例中使用两种布局管理器来进行界面设计。

计算器界面可以分成两部分,即显示区和键盘区。显示区可以使用文本框组件,键盘区则是由很多按钮组成,可以使用网格布局管理器。详细的实现过程如下。

(1) 新建一个继承自 JFrame 的 CalculatorDemo 类。

(2) 为类添加构造方法和 main() 方法,主要代码如下所示。

  1. package ch17;
  2. import java.awt.BorderLayout;
  3. import java.awt.GridLayout;
  4. import javax.swing.JButton;
  5. import javax.swing.JFrame;
  6. import javax.swing.JPanel;
  7. import javax.swing.JTextField;
  8. import javax.swing.SwingConstants;
  9. import javax.swing.border.EmptyBorder;
  10. public class CalculatorDemo extends JFrame
  11. {
  12. private JPanel contentPane; //内容面板
  13. private JTextField textField; //文本框
  14. public CalculatorDemo(){}; //构造方法
  15. public static void main(String[] args)
  16. {
  17. CalculatorDemo frame=new CalculatorDemo();
  18. frame.setVisible(true);
  19. }
  20. }

(3) 在构造方法中设置窗口的标题和大小等属性,然后使用边界面板向北部添加一个 JTextField 组件,主要代码如下所示。

  1. public CalculatorDemo()
  2. {
  3. setTitle("计算器"); //设置窗体的标题
  4. setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); //设置窗体退出时操作
  5. setBounds(100, 100, 250, 200); //设置窗体位置和大小
  6. contentPane=new JPanel(); //创建内容面板
  7. contentPane.setBorder(new EmptyBorder(5,5,5,5)); //设置面板的边框
  8. contentPane.setLayout(new BorderLayout(0,0)); //设置内容面板为边界布局
  9. setContentPane(contentPane); //应用内容面板
  10. JPanel panel1=new JPanel(); //新建面板用于保存文本框
  11. contentPane.add(panel1,BorderLayout.NORTH); //将面板放置在边界布局的北部
  12. textField=new JTextField(); //新建文本框
  13. textField.setHorizontalAlignment(SwingConstants.RIGHT); //文本框中的文本使用右对齐
  14. panel1.add(textField); //将文本框增加到面板中
  15. textField.setColumns(18); //设置文本框的列数是18
  16. }

(4) 接下来使用网格布局管理器添加多个按钮作为计算器的键盘区,主要代码如下所示。

  1. JPanel panel2=new JPanel(); //新建面板用于保存按钮
  2. contentPane.add(panel2, BorderLayout.CENTER); //将面板放置在边界布局的中央
  3. panel2.setLayout(new GridLayout(4,4,5,5)); //面板使用网格4X4布局
  4. JButton button01=new JButton("7"); //新建按钮
  5. panel2.add(button01); //应用按钮
  6. JButton button02=new JButton("8"); //新建按钮
  7. panel2.add(button02); //应用按钮
  8. JButton button03=new JButton("9"); //新建按钮
  9. panel2.add(button03); //应用按钮
  10. JButton button04=new JButton("+"); //新建按钮
  11. panel2.add(button04); //应用按钮
  12. JButton button05=new JButton("4"); //新建按钮
  13. panel2.add(button05); //应用按钮
  14. JButton button06=new JButton("5"); //新建按钮
  15. panel2.add(button06); //应用按钮
  16. JButton button07=new JButton("6"); //新建按钮
  17. panel2.add(button07); //应用按钮
  18. JButton button08=new JButton("-"); //新建按钮
  19. panel2.add(button08); //应用按钮
  20. JButton button09=new JButton("3"); //新建按钮
  21. panel2.add(button09); //应用按钮
  22. JButton button10=new JButton("2"); //新建按钮
  23. panel2.add(button10); //应用按钮
  24. JButton button11=new JButton("1"); //新建按钮
  25. panel2.add(button11); //应用按钮
  26. JButton button12=new JButton("*"); //新建按钮
  27. panel2.add(button12); //应用按钮
  28. JButton button13=new JButton("0"); //新建按钮
  29. panel2.add(button13); //应用按钮
  30. JButton button14=new JButton("."); //新建按钮
  31. panel2.add(button14); //应用按钮
  32. JButton button15=new JButton("="); //新建按钮
  33. panel2.add(button15); //应用按钮
  34. JButton button16=new JButton("/"); //新建按钮
  35. panel2.add(button16); //应用按钮

(5) 最终程序的运行效果如图 1 所示。


图1 计算器布局效果

 

  • 4
    点赞
  • 43
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

智慧浩海

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值