2020年用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平台。刚开始，你可能觉得eclipse并没有什么变化。先别急，请新建一个项目，点击\文件\菜单下的\新建\子菜单，选择并建立一个新的\项目\。然后在工具栏上的\新建Java类\图标上，点击右边的小箭头

，将展开如下图的菜单：

在此菜单上，多了一个\的子菜单,这就是进入Visual Editor的入口之一。点击\Class\，弹出如下的对话框：

精选文档

精选文档

在此对话框中，要求输入类的名称（如标记○1）位置），在这里我们输入\，以及你想要继承的可视类（如标记○2位置）。你可以选择继承来自swing或AWT的任何界面组件，如要继承其它类型的类，请选择\并点击\浏览\按钮来选择你要继承的类。在此处，我们选择\和Swing选项，继承JPanel，然后点击\完成\按钮，大家就可以见到Visual Editor的界面了：

精选文档

精选文档

由于eclipse工作台高度的可定制性，读者现在看到的界面并非VE初始的布局，而是经过笔者按喜好的方式重新布局过的透视图，但是这并不会影响读者理解本文内容。

如图中1所示，是VE的工具面板，提供\选取\、\框选\等选择工具。还有Swing组件，Swing容器，Swing菜单以及AWT控件设计工具。在面板下方有\和\两个页签，用来切换设计界面和Java源代码视图。

图中2是VE的工具栏，包括工具面板中的一些常用按钮。

图中3是\视图和\属性\视图，两个视图可以切换显示。\视图用树形结构即时显示设计中用到的各种Java Bean组件层次。而\属性\视图显示显示当前所选中的Java bean组件的属性值列表，你可以在此列表中编辑各项Java Bean的属性值。

图中灰色矩形区域即是我们最开始选择的JPanel，所有的工作就从它开始。

摆设Swing组件

做过Swing GUI界面设计的人都知道，Java应用程序界面上的元素位置是用LayoutManager来管理的。JPanel的预设布局管理器是FlowLayout。VE目前支持所有的传统的布局管理器（这里所指的传统布

精选文档

本文来源：https://www.bwwdw.com/article/tjtv.html