Bootstrap

用Eclipse进行可视化Java界面设计

前言

  最近,Eclipse开源项目终于推出了期待已久的Visual Editor Project(VEP)。VE项目使得功能强大的eclipse平台在java开发方面又增加了一个可视化java组件开发利器。它让java开发者再也不用依赖其它的IDE产品来做GUI界面方面的工作。所有的开发,从应用程序界面到业务逻辑的开发,现在都可以在eclipse平台上完成。本文将引导开发者如何安装配置并使用Visual Editor。

  关于Visual Editor

  开始介绍之前,来看一个笔者用Visual Editor(以下简称VE)设计的一个java程序界面:


  怎么样,其可视化的界面设计,一点也不逊于其它的Java可视化界面开发工具。

  Visual Editor是一个开源的eclipse编辑器。它同JDT、PDE等其它eclipse的工具项目一样,是一个全新的eclipse工具项目。它可以进行可视化的编辑java GUI程序,也能编辑可视化的Java Bean组件。它能与eclipse的Java Editor集成在一起,当在Visual Editor中编辑图形界面时,会立即反馈到java Editor中的代码。反之亦然。

  VE是一个可视化开发的一个framework,当前版本的VE是0.5.0RC1版,本版本的VE支持Swing和AWT的可视Java组件开发。由于这个framework设计的具有通用性,它也可以很容易的实现C++或其它语言下可视化开发。其将来的版本(从1.0开始),将会支持SWT的开发。更多的关于Visual Editor的信息,请看参考资料的相关链接。

  下载与安装

  由于Visual Editor是用纯java编写的,所以它应该可以在任何操作系统上运行。但当前的VE版本是0.5.0RC1,只在windows和linux平台上经过测试。所以如果你使用的是这两种操作系统之外的其它操作系统,你应该先阅读VE的readme文件,安装和使用VE前,必须先安装以下版本的eclipse和相关支持类库:

  Eclipse build 2.1.2 (build page) (download zip)
  EMF build 1.1.1: (build page) (download zip)
  GEF Build 2.1.2: (build page) (download zip)

  为了方便中国的开发者,eclipse也提供了一个中文语言包,下载安装后,elcipse环境将变成全中文的界面。在本文中,笔者用的eclipse也安装了此中文语言包。之后就可以从以下地址下载Visual Editor了:

http://download.eclips.org/vep….

  下载后的VE是一个zip档案,请将其压缩包中plugins和features目录下的内容解压到eclipse安装目录的相应目录中即可。如果你的eclipse是运行着的,请关闭并重新启动eclipse。

  开始一个设计任务

  现在,所有程序安装完成,笔者将用一个例子,来讲解Visual Editor的使用。在这个例子中,笔者要设计一个邮件发送面板,下面是它的草图:


  此面板包括发送人,接收人,邮件主题,邮件内容以及发送和清除按钮,

  进入Visual Editor

  启动eclipse
;