用Design模式设计Java窗体

来自CloudWiki
跳转至： 导航， 搜索

构建初始窗体

效果图：

Java9-26.png

创建普通的Java Project

Java9-31.png

在src下，或者对应的包下，右键new-other

Java9-32.png

选择window builder下的 swing下的JFrame或者Application Window

Java9-33.png

给生成的窗体起名字

Java9-34.png

进入视图界面

在类名上单击右键，选择 Open With WindowBuilder Editor，如图2所示

Java9-3.png

图 2 打开菜单

在类编写窗口的底部选择【Design】标签。

Java9-4.png

图 3

用Design模式设计窗体

Java9-15.png

设置默认面板的布局方式

Java9-27.png

这里推荐使用绝对布局（absolute layout),添加组件更方便、自由。

绝对布局，顾名思义，就是给每个元素指定上起始点和长、宽、高，使用它的物理长度值进行定位和布局

向默认面板中添加子面板

Java9-16.png

并设置子面板的布局方式为绝对布局

Java9-28.PNG

向子面板中添加组件

Java9-18.png

改变元素的某些属性值

点击任何一个组件，在左侧的属性窗口中，可以改变这个组件的一些属性

Java9-19.png

常用的属性有variable ,和text。variable是组件变量的名称，text是组件显示的文字

Java2020-12-11.png

窗体整体居中

都设置完成之后，可以给窗体类加上整体居中的代码： 

/**
	 * 窗体自动居中
	 * 
	 * @param window
	 */
	private void setCenter(JFrame window) {
		Dimension d = Toolkit.getDefaultToolkit().getScreenSize();
		int width = window.getWidth();
		int height = window.getHeight();
		window.setBounds((d.width-width)/2, (d.height-height)/2, width, height);
	}

只需在构造方法中加上一句：setCenter(this);

添加事件监听器

在设计模式中双击需要监听的组件，如图中这个按钮

这时Eclipse会自动为你创建该组件的事件监听器

Java9-29.png

Java9-30.png

编写监听器内容

现在我们开始编写监听器内容，监听器的内容为获取两个文本框的值，计算、并将计算结果在'结果'标签上显示出来

Java9-26.png 

JButton btnCompute = new JButton("\u8BA1\u7B97");
	btnCompute.addActionListener(new ActionListener() {
			public void actionPerformed(ActionEvent arg0) {
				String t1 = textPrice.getText();
				float price =Float.parseFloat(t1);
				String t2 = textNum.getText();
				float num = Float.parseFloat(t2);
				float result = price* num;
				labelResult.setText(result+"");//将计算结果在标签上显示出来
                                JOptionPane.showMessageDialog(null, result, "信息", JOptionPane.INFORMATION_MESSAGE);//将计算结果在对话框上显示出来
				
			}
		});


练习

根据以上方法，重做Java任务：用户登录界面功能实现

效果如图：

Java8-6.png

Java8-12.png


返回 Java程序设计

取自“http://www.openbrains.net/mediawiki/index.php?title=用Design模式设计Java窗体&oldid=19086”