使用前面介绍的方法，在工具栏上点击"新建Java类"按钮，建立一个JFrame的Visual Class类。你也可以在通过菜单"文件"->"新建"->"Visual Class"来寻一个JFrame类。在这里，我们将这个类命名为"MyApp"。
当VE窗口出现时，可以看到一个空白的JFrame显示在设计视图中。此时，点击VE的工具面板上的" Choose Bean"按钮，然后在弹出的对话框中输入我们设计的Java组件的类名"MessagePane"，再点击"确定"。这时，当我们的鼠标移到JFrame上时，JFrame会用绿色的线条切分成五份，如下图所示：
这是因为JFrame的预设LayoutManager是BorderLayout，在VE中，如果在工具面板上选好Java组件，当鼠标移到有特定LayoutManager的容器组件上时（在上图中容器组件是一个JFrame），VE会用适当的形式指示你当前鼠标悬停的位置。在上图在VE告诉我们现在处在BorderLayout的中心位置，此时再在该位置点击一次，我们选好的Java组件即安放到此位置。
用VE设计好程序界面，就可以切换到"Source"视图进行具体的代码的编码了。在此我们就不累述了。
定制VE的环境
之前的讲解，大家学到了如何用VE来进行可视化的Java界面设计。为了适应不同的开发者，VE也提供了一些选项来让开发者设计自己喜好的VE环境。
请打开菜单"窗口"->"首选项"->"Java"->"Visual Editor"，此时出现VE的各种首选项界面。由于笔者安装的eclipse中文语言包早于VE发布，所以此界面仍然是英文界面。在这里，VE的首选项分为三类："Appearance"，"Code Generation"，"Pattern Style"。下面结合图形分别介绍：
1．外观(Appearance)设置：
此面板中可以设置这此内容：
(1) 设置可视编辑器和源代码编辑器的布局，一种是上下分隔的布局，另一种是用页答进行切换的布局(即本文例图中所见到的样式)。
(2) 设置是否显示"属性"视图和"Java Beans"视图。
(3) 设置设计时Swing的界面风格。
2．代码生成(Code Generation)设置
此面板包括以下内容：
(1) 设置是否为新表达式生成注释和try{}…catch()块。
(2) 设置可视设计界面和代码编辑器之间的代码同步时间。
3．代码模板风格(Pattern Style)设置
此面板包括以下内容：
(1) VE所用的存取Java Bean的代码风格。
(2) VE初始化时尝试使用的初始化方法。VE目前已提供了对Jbuilder、NetBean等其它IDE产品可视编辑器生成的Java组件代码初始化方式的支持。
总结
行文至此，我们从VE的安装到Java组件设计以及VE环境的设置，基本上已对eclipse的全新工具Visual Editor作了一个全面的了解。有了Visual Editor，我们所有的开发工作，从图形用户界面到业务逻辑，全部可以在eclipse平台上完成。
参考资料
1．Visual Editor Project(VEP)的首页：http:/www.eclipse..org/vep，可以在这找到Visual Editor的所有信息，包括程序及其源代码下载，FAQ，邮件列表等。
