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