用Eclipse进行可视化Java界面设计(2) (1)

先前的FlowLayout的三个参数alignment, horizontal gap和vertical gap变成了GridLayout的另外四种参数：columns, horizontal gap, rows, vertical gap。
　　
　　为了方便设计，笔者在这个例子中将采用null，即不用任何LayoutManager来设计界面。
　　
　　布局设置好后，就可以在JPanel上摆置各种Swing组件了。按照我们最开始设计的草图，界面上要摆上四个Label：From, To, Subject, Message。以及四个文本组件，其第四个应该是TextArea, 用于编辑多行文本。我们在工具面板上选好相关组件，然后在JPanel上拖选出一个矩形，组件即按相应大小和位置显示在此矩形区域。再在"属性"视图中编辑每个JLabel和JButton的"text"属性为相应的值。现在来看看下面笔者"画"出来的界面：
　　　
　　看看，设计的如何？笔者不是画家，"画"出来的界面显得有些凌乱。没关系，VE也提供一些工具按钮来让我们调整各个组件的位置。请点击VE工具栏上的"Show alignment window"按钮：
　　　
　　显示如下图的视窗：
　　　
　　通过此视窗，可以将所选组件向上下左右各个方向对齐。还可以使所选组件具有相同高度和宽度。来看看下图经过调整位置后的界面布局：
　　　
　　现在看起来是不是美观多了？
　　
　　添加事件处理
　　
　　经过前面的步骤，VE的可视化设计的任务就基本上完成了。在我们设计的界面中，有"Send"和"Clear"按钮。我们再来看看VE是如何为它们添加事件处理的。
　　
　　在设计界面的"Send"按钮上点击鼠标右键，弹出菜单，如下图：
　　　
　　在"Event"菜单项中，可以看到一个"actionPerformed"事件。如果要添加其它类型的事件，可以点击"Add Events"选择其它类型的事件。我们点击"actionPerformed"事件后，在"Java Beans"视图的"jButton-"Send""组件下面，多了一个"actionPerformed"事件类型，如下图所示：
　　　
　　在"Java Beans"视图中，选中"actionPerformed"事件，再VE的窗口中，从"Design"切换到"Source"视图。
　　　
　　在上图标记1的代码区域，就是我们刚刚添加的按钮事件。笔者在事件中调用了一个send方法，如图中标记2代码区域。具体的发送邮件的代码笔者在这里就不实现了。
　　
　　同样的方法，一样可以为另一个按钮"Clear"添加事件。
　　
　　在程序中使用自定义的组件
　　
　　在前面我们设计好了自己的Java组件，现在我们来看看如何在自己的程序中?D?D一个窗口中来调用这个组件。
　　
　　使用前面介绍的方法，在工具栏上点击"新建Java类"按钮，建立一个JFrame的Visual Class类。你也可以在通过菜单"文件"->"新建"->"Visual Class"来寻一个JFrame类。在这里，我们将这个类命名为"MyApp"。
　　
　　当VE窗口出现时，可以看到一个空白的JFrame显示在设计视图中。此时，点击VE的工具面板上的" Choose Bean"按钮，然后在弹出的对话框中输入我们设计的Java组件的类名"MessagePane"，再点击"确定"。这时，当我们的鼠标移到JFrame上时，JFrame会用绿色的线条切分成五份，如下图所示：
　　
　　这是因为JFrame的预设Layou