Z(jin)方便设计Q笔者在q个例子中将采用nullQ即不用MLayoutManager来设计界面?br />
布局讄好后Q就可以在JPanel上摆|各USwinglg?jin)。按照我们最开始设计的草图Q界面上要摆上四个LabelQFrom, To, Subject, Message。以?qing)四个文本组Ӟ其第四个应该是TextArea, 用于~辑多行文本。我们在工具面板上选好相关lgQ然后在JPanel上拖选出一个矩形，lgx(chng)相应大小和位|显C在此矩形区域。再?quot;属?quot;视图中编 辑每个JLabel和JButton?quot;text"属性ؓ(f)相应的倹{现在来看看下面W?quot;?quot;出来的界面：(x)
看看Q设计的如何Q笔者不是画Ӟ"?quot;出来的界面显得有些凌乱。没关系QVE也提供一些工h钮来让我们调整各个组件的位置。请点击VE工具栏上?quot;Show alignment window"按钮Q?br />
昄如下囄视窗Q?br />
通过此视H，可以所选组件向上下左右各个方向寚w。还可以使所选组件具有相同高度和宽度。来看看下图l过调整位置后的界面布局Q?br />
现在看v来是不是观多了(jin)Q?br />
d事g处理
l过前面的步骤，VE的可视化设计的Q务就基本上完成了(jin)。在我们设计的界面中Q有"Send"?quot;Clear"按钮。我们再来看看VE是如何ؓ(f)它们d事g处理的?br />
在设计界面的"Send"按钮上点击鼠标右键，弹出菜单Q如下图Q?br />
?quot;Event"菜单中Q可以看C?quot;actionPerformed"事g。如果要d其它cd的事Ӟ可以点击"Add Events"选择其它cd的事件。我们点?quot;actionPerformed"事g后，?quot;Java Beans"视图?quot;jButton-"Send""lg下面Q多?jin)一?quot;actionPerformed"事gcdQ如下图所C：(x)
?quot;Java Beans"视图中，选中"actionPerformed"事gQ再VE的窗口中Q从"Design"切换?quot;Source"视图?br />
在上图标?的代码区域，是我们刚刚d的按钮事件。笔者在事g中调用了(jin)一个sendҎ(gu)Q如图中标记2代码区域。具体的发送邮件的代码W者在q里׃实现?jin)?br />
同样的方法，一样可以ؓ(f)另一个按?quot;Clear"d事g?br />
在程序中使用自定义的lg
在前面我们设计好?jin)自qJavalgQ现在我们来看看如何在自qE序中――一个窗口中来调用这个组件?br />
使用前面介绍的方法，在工h上点?quot;新徏Javac?quot;按钮Q徏立一个JFrame的Visual ClasscR你也可以在通过菜单"文g"->"新徏"->"Visual Class"来寻一个JFramecR在q里Q我们将q个cd名ؓ(f)"MyApp"?br />
当VEH口出现Ӟ可以看到一个空白的 JFrame昄在设计视图中。此Ӟ点击VE的工具面板上?quot; Choose Bean"按钮Q然后在弹出的对话框中输入我们设计的Javalg的类?quot;MessagePane"Q再点击"定"。这Ӟ当我们的鼠标Ud JFrame上时QJFrame?x)用l色的线条切分成五䆾Q如下图所C：(x)
q是因ؓ(f)JFrame的预设LayoutManager是BorderLayoutQ在VE中，如果在工具面板上选好JavalgQ当鼠标Ud有特?LayoutManager的容器组件上Ӟ在上图中容器lg是一个JFrameQ，VE?x)用适当的Ş式指CZ当前鼠标(zhn)停的位|。在上图在VE告诉我们 现在处在BorderLayout的中?j)位|，此时再在该位|点Mơ，我们选好的Javalg卛_攑ֈ此位|?br />
用VE设计好程序界面，可以切换到"Source"视图q行具体的代码的~码?jin)。在此我们就不篏qC(jin)?br />
定制VE的环?/strong>
之前的讲解，大家学到?jin)如何用VE来进行可视化的Java界面设计。ؓ(f)?jin)适应不同的开发者，VE也提供了(jin)一些选项来让开发者设计自己喜好的VE环境?br />
h开菜单"H口"->"首选项"->"Java"->"Visual Editor"Q此时出现VE的各U首选项界面。由于笔者安装的eclipse中文语言包早于VE发布Q所以此界面仍然是英文界面。在q里QVE的首选项 分ؓ(f)三类Q?quot;Appearance"Q?quot;Code Generation"Q?quot;Pattern Style"。下面结合图形分别介l：(x)
1Q外?Appearance)讄Q?br />
此面板中可以讄q此内容Q?br />
(1) 讄可视~辑器和源代码编辑器的布局Q一U是上下分隔的布局Q另一U是用页{进行切换的布局(x(chng)文例图中所见到的样??br />
(2) 讄是否昄"属?quot;视图?quot;Java Beans"视图?br />
(3) 讄设计时Swing的界面风根{?br />
2Q代码生?Code Generation)讄
此面板包括以下内容：(x)
(1) 讄是否为新表达式生成注释和try{}…catch()块?br />
(2) 讄可视设计界面和代码编辑器之间的代码同步时间?br />
3Q代码模杉K?Pattern Style)讄
此面板包括以下内容：(x)
(1) VE所用的存取Java Bean的代码风根{?br />
(2) VE初始化时试使用的初始化Ҏ(gu)。VE目前已提供了(jin)对Jbuilder、NetBean{其它IDE产品可视~辑器生成的Javalg代码初始化方式的支持?br />
ȝ
行文x(chng)Q我们从VE的安装到Javalg设计以及(qing)VE环境的设|，基本上已对eclipse的全新工具Visual Editor作了(jin)一个全面的?jin)解。有?jin)Visual EditorQ我们所有的开发工作，从图形用L(fng)面到业务逻辑Q全部可以在eclipseq_上完成?img src ="http://www.aygfsteel.com/xucm/aggbug/26059.html" width = "1" height = "1" />
]]>
前言
最q，Eclipse开源项目终于推Z(jin)期待已久的Visual Editor Project(VEP)。VE目使得功能强大的eclipseq_在java开发方面又增加?jin)一个可视化javalg开发利器。它让java开发者再 也不用依赖其它的IDE产品来做GUI界面斚w的工作。所有的开发，从应用程序界面到业务逻辑的开发，现在都可以在eclipseq_上完成。本文将引导 开发者如何安装配|ƈ使用Visual Editor?br />
关于Visual Editor
开始介l之前，来看一个笔者用Visual Editor(以下UVE)设计的一个javaE序界面Q?br />
怎么P其可视化的界面设计，一点也不逊于其它的Java可视化界面开发工兗?br />
Visual Editor是一个开源的eclipse~辑器。它同JDT、PDE{其它eclipse的工具项目一P是一个全新的eclipse工具目。它可以q?行可视化的编辑java GUIE序Q也能编辑可视化的Java Beanlg。它能与eclipse的Java Editor集成在一P当在Visual Editor中编辑图形界面时Q会(x)立即反馈到java Editor中的代码。反之亦然?br />
VE是一个可视化开发的一个frameworkQ当前版本的VE?.5.0RC1版，本版本的VE支持Swing和AWT的可视Javalg开发。由 于这个framework设计的具有通用性，它也可以很容易的实现C++或其它语a下可视化开发。其来的版??.0开?Q将?x)支持SWT的开发?更多的关于Visual Editor的信息，L(fng)参考资料的相关链接?br />
下蝲与安?/strong>
׃ Visual Editor是用Ujava~写的，所以它应该可以在Q何操作系l上q行。但当前的VE版本?.5.0RC1Q只在windows和linuxq_上经 q测试。所以如果你使用的是q两U操作系l之外的其它操作pȝQ你应该先阅读VE的readme文gQ安装和使用VE前，必须先安装以下版本的 eclipse和相x(chng)持类库：(x)
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)
Z(jin)方便中国的开发者，eclipse也提供了(jin)一个中文语a包，下蝲安装后，elcipse环境?yu)变成全中文的界面。在本文中，W者用的eclipse也安装了(jin)此中文语a包。之后就可以从以下地址下蝲Visual Editor?jin)?x)
http://download.eclips.org/vep….
下蝲后的VE是一个zip档案Q请其压羃包中plugins和features目录下的内容解压到eclipse安装目录的相应目录中卛_。如果你的eclipse是运行着的，请关闭ƈ重新启动eclipse?br />
开始一个设计Q?/strong>
现在Q所有程序安装完成，W者将用一个例子，来讲解Visual Editor的用。在q个例子中，W者要设计一个邮件发送面板，下面是它的草图：(x)
此面板包括发送hQ接收hQ邮件主题，邮g内容以及(qing)发送和清除按钮Q?br />
q入Visual Editor
启动eclipseq_。刚开始，你可能觉得eclipseq没有什么变化。先别急，hZ个项目，点击"文g"菜单下的"新徏"子菜单，选择q徏立一个新?quot;java目"。然后在工具栏上?quot;新徏Javac?quot; 图标上，点击双的小头
Q将展开如下囄菜单Q?br /> 
在此菜单上，多了(jin)一?quot;Visual Calss"的子菜单,q就是进入Visual Editor的入口之一。点?quot;Visual Class"Q弹出如下的对话框：(x)
在此对话框中Q要求输入类的名Uͼ如标记○1Q位|）(j)Q在q里我们输入"MessagePanel"Q以?qing)你惌l承的可视类Q如标记?位置Q。你?以选择l承来自swing或AWT的Q何界面组Ӟ如要l承其它cd的类Q请选择"other"q点?quot;览"按钮来选择你要l承的类。在此处Q我们选择 "panel"和Swing选项Q承JPanelQ然后点?quot;完成"按钮Q大家就可以见到Visual Editor的界面了(jin)Q?br />
׃eclipse工作台高度的可定制性，读者现在看到的界面qVE初始的布局Q而是l过W者按喜好的方式重新布局q的透视图，但是qƈ不会(x)影响读者理解本文内宏V?br />
如图?所C，是VE的工具面板，提供"选取"?quot;框?quot;{选择工具。还有SwinglgQSwing容器QSwing菜单以及(qing)AWT控g设计工具。在面板下方?quot;Design"?quot;Source"两个늭Q用来切换设计界面和Java源代码视图?br />
图中2是VE的工hQ包括工具面板中的一些常用按钮?br />
图中3?quot;Java Beans"视图?quot;属?quot;视图Q两个视囑֏以切换显C?quot;Java Beans"视图用树(wi)形结构即时显C计中用到的各UJava Beanlg层次。?quot;属?quot;视图昄昄当前所选中的Java beanlg的属性值列表，你可以在此列表中~辑各项Java Bean的属性倹{?br /> 图中灰色矩Ş区域x(chng)我们最开始选择的JPanelQ所有的工作׃它开始?br />
摆设Swinglg
做过Swing GUI界面设计的h都知道，Java应用E序界面上的元素位置是用LayoutManager来管理的。JPanel的预讑ָ局理器是 FlowLayout。VE目前支持所有的传统的布局理器（q里所指的传统布局理器是指JDK1.4之前的布局理器。可惜的是VE目前q(sh)支持?JDK1.4开始有的SpringLayoutQ?br />
要设|JPanel的layoutQ请先在设计界面中选中JPanelQ再切换?quot;属?quot;视图Q找?quot;layout"属性，如下图所C：(x)
图中昄?jin)JPanel的预设LayoutManager。在"layout"属性的双Q可以通过点击l合框来指定不同cd?LayoutManager。不同的LayoutManager?x)在属性编辑器中显CZ同的参数Q如果选择GridLayoutQ属性编辑器中的 layout属性将昄另外几种不同的参敎ͼ如下囑֦C：(x)
]]>
在目前所有的IDE 中，Eclipse可以说是最有发展前途的产品之一。Eclipse最初由O(jin)TI和IBM两家公司的IDE产品开发组创徏Qv始于1999q?月。IBM 提供?jin)最初的Eclipse代码基础Q包括Platform、JDT和PDE。目前由IBM牵头Q围l着Eclipse目已经发展成ؓ(f)?jin)一个庞大的 Eclipse联盟Q有150多家软g公司参与到Eclipse目中，其中包括Borland、Rational Software、Red Hat?qing)SybaseQ最qOracle也计划加入到Eclipse联盟中。
基本概念
在学?fn)用Eclipse之前Q有必要对关于这个项目的名词做一些解释。
Eclipse是一个开放源代码的Y件开发项目，专注于ؓ(f)高度集成的工具开发提供一个全功能的、具有商业品质的工业q_。它由Eclipse目?Eclipse工具目和Eclipse技术项目三个项目组成，每一个项目由一个项目管理委员(sh)(x)监督Qƈ由它的项目章E管理。每一个项目由其自w的子项?l成Qƈ且?Common Public LicenseQCPLQ版?.0许可协议。
Eclipse工具目Z同的 工具建造者提供一个焦点，以保证ؓ(f)Eclipse Platform创徏最好的工具。Eclipse工具目的Q务是为Eclipse Platform培育q泛的工L(fng)创徏。工具项目提供单一的联pȝ以调和开放源代码工具建造者，从而得覆盖和重复最化Qƈ保证׃n的最大化和共同组?的创建，?j)进不同cd工具的无~互操作。工具项目由工具开发者委员(sh)(x)和工具项目的目理委员?sh)(x)提议、选择和开发的子项目组成。
Eclipse技术项目的d是ؓ(f)开放源代码开发者、研I者、学院和教育者提供新的管道，以参与将来Eclipse的演化。它按照研究、培育和教育三个 目?hu)来l织Q研I目在Eclipse相关领域诸如~程语言、工具和开发环境方面进行探索和研究Q培育项目是型的、未正式l构化的目Qؓ(f) Eclipse软g基础d新的能力Q教育项目聚焦于教育材料的开发、教学帮助和课g。
Eclipse Platform是一个开攄可扩展的IDE。Eclipse Platform提供建造块和构造ƈq行集成软g开发工L(fng)基础。Eclipse Platform允许工具建造者独立开发与他h工具无缝集成的工具你无须分L一个工具功能在哪里l束Q而另一个工具功能在哪里开始。
Eclipse SDKQY件开发者包Q是3个Eclipse目的子目QPlatform、JDT、PDEQ所生的组件合qӞ它们可以一ơ下载。这些部分在一h??jin)一个具有丰富特性的开发环境，允许开发者有效地建造可以无~集成到Eclipse Platform中的工具。Eclipse SDK由Eclipse目生的工具和来自其它开放源代码的第三方软gl合而成。Eclipse目生的Y件以 CPL发布Q第三方lg有各自自w的许可协议。
下蝲、安装Eclipse
知道?jin)这些关于Eclipse目的信息，我们可以下蝲、安装一个Eclipse。Eclipse SDK是我们要下载的Q其中包括了(jin)开发Java应用的所有内容和Eclipse目的所有成果。
q入Eclipse目的主http://www.eclipse.orgQ点击DownloadsQ进入下载页。Eclipse最新的版本?2.0.2版，但是2.0.2版的多国语言译包还没有出来Q所以我们可以用一个稍早一点的版本2.0.1。点?.0.1q入其下载页Q这个页面有?多下载连接，包括Eclipse SDK在很多^C的版本，q里我们只需要下载eclipse-SDK-2.0.1-win32.zip和NLS-SDK-2.0.1- Translations.zip两个文g可以了(jin)Q另外还有一?eclipse-examples-2.0.1-win32.zip文gQ是学习(fn)《Java开发用h南》所需要的。将q?个文件解压羃到相同的目录Q如 D:\eclipse。
在运行Eclipse之前首先应该安装好JDKQSun 的JDK或IBM的JDK都可以，应该安装1.3以上版本,推荐使用1.4以上版本Q因为只有?.4以上版本的JDK才可以n受到新增?HotSwap功能对于调试带来的方便）(j)Q设|好环境变量JAVA_HOME、CLASSPATH和PATH。
为D:\eclipse下的eclipse.exe在桌面上建立一个快h式。双dh式启动Eclipse。Eclipse也可以以命o(h)行方式启动，在命令行上指定用的JVM和保存数据的workspaceQ例如：(x)
D:\eclipse\eclipse.exe-vmD:\WebSphere\AppServer\java
\bin\javaw.exe -data
D:\WORK\workspace
其中QD:\WORK\workspace是保存项目文件的位置。
可以选择帮助→帮助内容q入Eclipse的帮助系l。有?jin)Eclipse的多国语a译包，所有的选单和联机帮助都已经译成了(jin)中文Q用v来非常方ѝ?br />
下面我们~写一个HellWorldE序Q步骤如下：(x)
1Q选择文g→新徏→目Q
2Q项目类别选JavaQ
3Q项目列表选Java目Q
4Q点?ldquo;下一?rdquo;Q
5Q输入项目名Uͼ例如QHelloProjectQ
6Q点?ldquo;完成”Q
7Q在工具条里点击“创徏Javac?rdquo;的按钮（带有一个C标记Q见?Q
8Q在名称域输入HelloWorldQ
9Q点击public static void main(String[] args) 的复选框Q让Eclipse创徏mainҎ(gu)Q见?Q；
10Q点?ldquo;完成”Q
11Q一个Java~辑H口打开Q在mainҎ(gu)中输入System.out.println(“Hello World”)行；
12Q用Ctrl-s保存Q这自动编?HelloWorld.javaQ
13Q点dh里的“q行”按钮Q
14Q选择“Java应用E序”Q然后?ldquo;新徏”Q
15Q输入项目名UHelloQProject和maincd HelloWorldQ
16Q点?ldquo;q行”Q
17Q这时候，会(x)打开一个控制台H口Q一?“Hello World”会(x)昄在里面（见图3Q。
Eclipse有一个增量编译器Q每ơ保存(sh)个Java文g时它?yu)p动进行编译。这个特性被U做“自动构徏”。如果不需要这个功能，可以在窗?rarr;首选项 →工作?rarr;对资源修Ҏ(gu)行自动构建，关闭q个Ҏ(gu)。随后工h中会(x)出现“全部构徏”的按钮。类似的选项也会(x)出现在相关的选单中。
创徏CVS资源?/strong>
现在我们知道如何创徏一个项目了(jin)Q下一步是与某个版本服务器建立q接Q将目发布到版本服务器中。目前开源Y仉是用CVS来做版本理Q因此我们也 使用CVS来D例。Eclipse SDK已经包括?jin)支持CVS的插Ӟ要想使用其它的版本管理YӞ例如VSSQ可以从Eclipse的网站上下蝲相关的插件。创Z个CVS资源库位|的 步骤如下Q
1Q打开CVS资源库开发透视图（H口→打开透视?rarr;其它→CVS资源库开发）(j)。
2Q在CVS资源库视N点右键，新徏→资源库位|，见图4。
3Q在dCVS资源库对话框中输入CVS Server 的详l信息。
4Q点?ldquo;完成”。
5Q一旦配|好CVS资源库，可以把目输入资源库了(jin)。{到Java透视图，在项目名UC点右键，选择组→׃n目。
6Q选择刚才d的资源库。
7Q点?ldquo;完成”。
8Q在同步H口中的目上点右键Q选提交。
9Q输入ؓ(f)提交加入的注释，如图5。
10Q点?ldquo;定”Q则目被发布到CVS资源库中?br />
11Q将目׃n到资源库中后Q可以?ldquo;与资源库同步”功能来发布代码，q且赶上别h对资源库中代码所做的修改。在目上点右键Q小l?rarr;与资源库同步。
下蝲、安装应用服务器JBoss
Z(jin)做服务器端的开发，q需要一个应用服务器Qƈ且把应用服务器与Eclipse集成h。Eclipse可以与多U应用服务器共同工作Q包?WebLogic、WebSphere、JRun、Orion/Oracle9iAS、JBoss、JOnAS、Resin{。下面以目前行的开放源?码应用服务器JBoss来D例。首先要下蝲q安装好JBossQ我使用的是JBoss 3.0.3Q安装在D:\jboss-3.0.3目录。ؓ(f)?jin)把JBoss与Eclipse盔R成，q需要下载相关的插gQ下载位|是http: //www.genuitec.com/products_easie.htm、http: //www.genuitec.com/products/EASIEJBoss1.0.6.zip。在http: //www.genuitec.com/products/Eclipse_JBoss.pdfq有一个安装的指导。退出EclipseQ将刚才下蝲的文 件解压羃到D:\eclipse下，重新启动Eclipse。
新安装的插g需要激zL能用，选择H口→定制透视图，?ldquo;其它”中的EASIE JBossw中。
然后配置q个插gQ选择H口→首?/td>
]]>