设计计算器程序界面

使用界面设计器,设计一个类似Windows系统的计算器程序的界面。效果如图1所示,设计时不考虑菜单栏。

1  Windows系统的计算器程序

解题关键:

l         使用绝对定位来布局组件位置和大小。

l         使用本地应用程序的外观样式。

l         设置组件前景色。

答案:

1)在项目中创建主窗体类。

2)设置窗体容器的布局方式为绝对布局(Absolute null layout

3)在窗体顶部添加一个“”文本框组件,调整文本框与窗体宽度对应。如图2所示。

2  添加文本框

4)在窗体设计界面的右侧,添加“sqrt”、“%”、“1/x”、“=”等4个按钮。如图3所示。选择“=”按钮,设置“foreground”前景色属性为“RED”。设置其他按钮的这个属性为“BLUE”。

3  添加文本框

5)通过“”选项可以实现鼠标划动选择多个按钮或其他组件,然后复制粘贴可以直接添加相同的一组按钮到设计器中。如图4所示。

4  添加文本框

6)把复制的组件进行调整和设置,把它们定义成运算符号的按钮。如图5所示。

5  添加文本框

7)继续添加其他按钮,如果个别按钮因文字太长而显示不全,可以尝试调整该按钮的“Margin”属性,把左右边界调整一下。如图6所示。

6  添加文本框

8)切换到“Source”源码选项卡。修改主方法的程序代码如下:

public static void main(String args[]) {

      EventQueue.invokeLater(new Runnable() {

            public void run() {

                  try {

                        UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());

                        Calculator frame = new Calculator();

                        frame.setVisible(true);

                  } catch (Exception e) {

                        e.printStackTrace();

                  }

            }

      });

}

其中“UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());”语句是新增加的,它用于指定程序使用本地系统的外观样式。

9)运行该程序。界面效果如图7所示。

7  运行结果