### 设计计算器程序界面

使用界面设计器，设计一个类似 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 运行结果