BlogJava-Eric-随笔分类-技术文章http://www.blogjava.net/xucm/category/7316.htmlzh-cnThu, 01 Mar 2007 13:35:29 GMTThu, 01 Mar 2007 13:35:29 GMT60用Eclipse进行可视化Java界面设计(2)http://www.blogjava.net/xucm/archive/2005/12/30/26059.html心田小筑心田小筑Fri, 30 Dec 2005 06:53:00 GMThttp://www.blogjava.net/xucm/archive/2005/12/30/26059.htmlhttp://www.blogjava.net/xucm/comments/26059.htmlhttp://www.blogjava.net/xucm/archive/2005/12/30/26059.html#Feedback0http://www.blogjava.net/xucm/comments/commentRss/26059.htmlhttp://www.blogjava.net/xucm/services/trackbacks/26059.html 　　
　　为了方便设计，笔者在这个例子中将采用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组件，现在我们来看看如何在自己的程序中――一个窗口中来调用这个组件。
　　
　 　使用前面介绍的方法，在工具栏上点击"新建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平台上完成。

心田小筑 2005-12-30 14:53 发表评论
]]>用Eclipse进行可视化Java界面设计(1)http://www.blogjava.net/xucm/archive/2005/12/30/26058.html心田小筑心田小筑Fri, 30 Dec 2005 06:51:00 GMThttp://www.blogjava.net/xucm/archive/2005/12/30/26058.htmlhttp://www.blogjava.net/xucm/comments/26058.htmlhttp://www.blogjava.net/xucm/archive/2005/12/30/26058.html#Feedback0http://www.blogjava.net/xucm/comments/commentRss/26058.htmlhttp://www.blogjava.net/xucm/services/trackbacks/26058.html
　　前言
　　
　 　最近，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项目"。然后在工具栏上的"新建Java类" 图标上，点击右边的小箭头　，将展开如下图的菜单：
　　　
　　在此菜单上，多了一个"Visual Calss"的子菜单,这就是进入Visual Editor的入口之一。点击"Visual Class"，弹出如下的对话框：
　　　
　 　在此对话框中，要求输入类的名称（如标记○1）位置），在这里我们输入"MessagePanel"，以及你想要继承的可视类（如标记○2位置）。你可 以选择继承来自swing或AWT的任何界面组件，如要继承其它类型的类，请选择"other"并点击"浏览"按钮来选择你要继承的类。在此处，我们选择 "panel"和Swing选项，继承JPanel，然后点击"完成"按钮，大家就可以见到Visual Editor的界面了：
　　　
　　由于eclipse工作台高度的可定制性，读者现在看到的界面并非VE初始的布局，而是经过笔者按喜好的方式重新布局过的透视图，但是这并不会影响读者理解本文内容。
　　
　　如图中1所示，是VE的工具面板，提供"选取"、"框选"等选择工具。还有Swing组件，Swing容器，Swing菜单以及AWT控件设计工具。在面板下方有"Design"和"Source"两个页签，用来切换设计界面和Java源代码视图。
　　
　　图中2是VE的工具栏，包括工具面板中的一些常用按钮。
　　
　 　图中3是"Java Beans"视图和"属性"视图，两个视图可以切换显示。"Java Beans"视图用树形结构即时显示设计中用到的各种Java Bean组件层次。而"属性"视图显示显示当前所选中的Java bean组件的属性值列表，你可以在此列表中编辑各项Java Bean的属性值。
　　图中灰色矩形区域即是我们最开始选择的JPanel，所有的工作就从它开始。
　　
　　摆设Swing组件
　　
　 　做过Swing GUI界面设计的人都知道，Java应用程序界面上的元素位置是用LayoutManager来管理的。JPanel的预设布局管理器是 FlowLayout。VE目前支持所有的传统的布局管理器（这里所指的传统布局管理器是指JDK1.4之前的布局管理器。可惜的是VE目前还不支持从 JDK1.4开始有的SpringLayout）。
　　
　　要设置JPanel的layout，请先在设计界面中选中JPanel，再切换到"属性"视图，找到"layout"属性，如下图所示：
　　　
　 　图中显示了JPanel的预设LayoutManager。在"layout"属性的右边，可以通过点击组合框来指定不同类型的 LayoutManager。不同的LayoutManager会在属性编辑器中显示不同的参数，如果选择GridLayout，属性编辑器中的 layout属性将显示另外几种不同的参数，如下图如示：
　　

心田小筑 2005-12-30 14:51 发表评论
]]>eclipse 使用入门http://www.blogjava.net/xucm/archive/2005/12/30/26057.html心田小筑心田小筑Fri, 30 Dec 2005 06:47:00 GMThttp://www.blogjava.net/xucm/archive/2005/12/30/26057.htmlhttp://www.blogjava.net/xucm/comments/26057.htmlhttp://www.blogjava.net/xucm/archive/2005/12/30/26057.html#Feedback0http://www.blogjava.net/xucm/comments/commentRss/26057.htmlhttp://www.blogjava.net/xucm/services/trackbacks/26057.html 　　目前Java开发领域的各种集成开发环境（IDE）呈现出百花齐放的局面，从 Borland的JBuilder，到IBM的Visual Age for Java、WebSphere Studio，Oracle的JDeveloper，Sun的 Forte for Java，WebGain的Visual Cafe，TogetherSoft的Together，还有开放源代码的Eclipse、NetBeans 等，种类10种有余。这么多种类的IDE繁荣了Java开发工具家族，但是也为开发人员的选择提出了难题。这些IDE的开发环境有着较大的差别，在一种开 发环境下开发的项目不能很方便地移植到另一种开发环境，这就要求更为谨慎地选择适合项目目标的开发工具。　
　　
　　在目前所有的IDE 中，Eclipse可以说是最有发展前途的产品之一。Eclipse最初由OTI和IBM两家公司的IDE产品开发组创建，起始于1999年4月。IBM 提供了最初的Eclipse代码基础，包括Platform、JDT和PDE。目前由IBM牵头，围绕着Eclipse项目已经发展成为了一个庞大的 Eclipse联盟，有150多家软件公司参与到Eclipse项目中，其中包括Borland、Rational Software、Red Hat及Sybase，最近Oracle也计划加入到Eclipse联盟中。　
　　
　　基本概念
　　在学习使用Eclipse之前，有必要对关于这个项目的名词做一些解释。　
　　
　 　Eclipse是一个开放源代码的软件开发项目，专注于为高度集成的工具开发提供一个全功能的、具有商业品质的工业平台。它由Eclipse项目、 Eclipse工具项目和Eclipse技术项目三个项目组成，每一个项目由一个项目管理委员会监督，并由它的项目章程管理。每一个项目由其自身的子项目 组成，并且使用 Common Public License（CPL）版本1.0许可协议。　
　　
　　Eclipse工具项目为不同的 工具建造者提供一个焦点，以保证为Eclipse Platform创建最好的工具。Eclipse工具项目的任务是为Eclipse Platform培育广泛的工具的创建。工具项目提供单一的联系点以调和开放源代码工具建造者，从而使得覆盖和重复最小化，并保证共享的最大化和共同组件 的创建，促进不同类型工具的无缝互操作。工具项目由工具开发者委员会和工具项目的项目管理委员会提议、选择和开发的子项目组成。　
　　
　 　Eclipse技术项目的任务是为开放源代码开发者、研究者、学院和教育者提供新的管道，以参与将来Eclipse的演化。它按照研究、培育和教育三个 项目流来组织，研究项目在Eclipse相关领域诸如编程语言、工具和开发环境方面进行探索和研究；培育项目是小型的、未正式结构化的项目，为 Eclipse软件基础添加新的能力；教育项目聚焦于教育材料的开发、教学帮助和课件。　
　　
　　Eclipse Platform是一个开放的可扩展的IDE。Eclipse Platform提供建造块和构造并运行集成软件开发工具的基础。Eclipse Platform允许工具建造者独立开发与他人工具无缝集成的工具你无须分辨一个工具功能在哪里结束，而另一个工具功能在哪里开始。　
　　
　 　Eclipse SDK（软件开发者包）是3个Eclipse项目的子项目（Platform、JDT、PDE）所生产的组件合并，它们可以一次下载。这些部分在一起提供 了一个具有丰富特性的开发环境，允许开发者有效地建造可以无缝集成到Eclipse Platform中的工具。Eclipse SDK由Eclipse项目生产的工具和来自其它开放源代码的第三方软件组合而成。Eclipse项目生产的软件以 CPL发布，第三方组件有各自自身的许可协议。　
　　
　　下载、安装Eclipse
　　知道了这些关于Eclipse项目的信息，我们可以下载、安装一个Eclipse。Eclipse SDK就是我们要下载的，其中包括了开发Java应用的所有内容和Eclipse项目的所有成果。　
　　
　 　进入Eclipse项目的主页http://www.eclipse.org，点击Downloads，进入下载页。Eclipse最新的版本是 2.0.2版，但是2.0.2版的多国语言翻译包还没有出来，所以我们可以使用一个稍早一点的版本2.0.1。点击2.0.1进入其下载页，这个页面有很 多下载连接，包括Eclipse SDK在很多平台上的版本，这里我们只需要下载eclipse-SDK-2.0.1-win32.zip和NLS-SDK-2.0.1- Translations.zip两个文件就可以了，另外还有一个 eclipse-examples-2.0.1-win32.zip文件，是学习《Java开发用户指南》所需要的。将这3个文件解压缩到相同的目录，如 D:\eclipse。　
　　
　　在运行Eclipse之前首先应该安装好JDK（Sun 的JDK或IBM的JDK都可以，应该安装1.3以上版本,推荐使用1.4以上版本，因为只有使用1.4以上版本的JDK才可以享受到新增的 HotSwap功能对于调试带来的方便），设置好环境变量JAVA_HOME、CLASSPATH和PATH。　
　　
　　为D:\eclipse下的eclipse.exe在桌面上建立一个快捷方式。双击快捷方式启动Eclipse。Eclipse也可以以命令行方式启动，在命令行上指定使用的JVM和保存数据的workspace，例如：　
　　
　　D:\eclipse\eclipse.exe-vmD:\WebSphere\AppServer\java
　　\bin\javaw.exe -data　
　　D:\WORK\workspace
　　　
　　其中，D:\WORK\workspace是保存项目文件的位置。　
　　
　　可以选择帮助→帮助内容进入Eclipse的帮助系统。有了Eclipse的多国语言翻译包，所有的选单和联机帮助都已经翻译成了中文，使用起来非常方便。
　　
　　下面我们编写一个HellWorld程序，步骤如下：　
　　
　　1．选择文件→新建→项目；　
　　
　　2．项目类别选Java；　
　　
　　3．项目列表选Java项目；　
　　
　　4．点击“下一步”；　
　　
　　5．输入项目名称，例如：HelloProject；　
　　
　　6．点击“完成”；　
　　
　　7．在工具条里点击“创建Java类”的按钮（带有一个C标记）见图1；　
　　
　

　　
图1 点击“创建Java类”的按扭图

　　8．在名称域输入HelloWorld；　
　　
　　9．点击public static void main(String[] args) 的复选框，让Eclipse创建main方法（见图2）；　
　　
　

　　
图2 Eclipse创建main方法

　　10．点击“完成”；　
　　
　　11．一个Java编辑窗口将打开，在main方法中输入System.out.println(“Hello World”)行；　
　　
　　12．使用Ctrl-s保存，这将自动编译 HelloWorld.java；　
　　
　　13．点击工具条里的“运行”按钮；　
　　
　　14．选择“Java应用程序”，然后选“新建”；　
　　
　　15．输入项目名称Hello－Project和main类名 HelloWorld；　
　　
　　16．点击“运行”；　
　　
　　17．这时候，将会打开一个控制台窗口，一句 “Hello World”将会显示在里面（见图3）。　
　　
　

　　
图3 "Hello World"显示窗口

　 　Eclipse有一个增量编译器，每次保存一个Java文件时它就自动进行编译。这个特性被称做“自动构建”。如果不需要这个功能，可以在窗口→首选项 →工作台→对资源修改执行自动构建，关闭这个特性。随后工具条中会出现“全部构建”的按钮。类似的选项也会出现在相关的选单中。　
　　
　　创建CVS资源库
　 　现在我们知道如何创建一个项目了，下一步是与某个版本服务器建立连接，将项目发布到版本服务器中。目前开源软件都是使用CVS来做版本管理，因此我们也 使用CVS来举例。Eclipse SDK已经包括了支持CVS的插件，要想使用其它的版本管理软件，例如VSS，可以从Eclipse的网站上下载相关的插件。创建一个CVS资源库位置的 步骤如下：　
　　
　　1．打开CVS资源库开发透视图（窗口→打开透视图→其它→CVS资源库开发）。　
　　
　　2．在CVS资源库视图里点右键，新建→资源库位置，见图4。　
　　
　

　　
图4 新建资源库位置

　　3．在添加CVS资源库对话框中输入CVS Server 的详细信息。　
　　
　　4．点击“完成”。　
　　
　　5．一旦配置好CVS资源库，就可以把项目输入资源库了。转到Java透视图，在项目名称上点右键，选择小组→共享项目。　
　　
　　6．选择刚才添加的资源库。　
　　
　　7．点击“完成”。　
　　
　　8．在同步窗口中的项目上点右键，选提交。　
　　
　　9．输入为提交加入的注释，如图5。　
　　
　

　　
图5 为提交加入注释

　　10．点击“确定”，则项目被发布到CVS资源库中。
　　
　　11．将项目共享到资源库中后，可以使用“与资源库同步”功能来发布代码，并且赶上别人对资源库中代码所做的修改。在项目上点右键，小组→与资源库同步。　
　　
　　下载、安装应用服务器JBoss
　 　为了做服务器端的开发，还需要一个应用服务器，并且把应用服务器与Eclipse集成起来。Eclipse可以与多种应用服务器共同工作，包括 WebLogic、WebSphere、JRun、Orion/Oracle9iAS、JBoss、JOnAS、Resin等。下面以目前流行的开放源代 码应用服务器JBoss来举例。首先要下载并安装好JBoss，我使用的是JBoss 3.0.3，安装在D:\jboss-3.0.3目录。为了把JBoss与Eclipse相集成，还需要下载相关的插件，下载位置是http: //www.genuitec.com/products_easie.htm、http: //www.genuitec.com/products/EASIEJBoss1.0.6.zip。在http: //www.genuitec.com/products/Eclipse_JBoss.pdf还有一个安装的指导。退出Eclipse，将刚才下载的文 件解压缩到D:\eclipse下，重新启动Eclipse。　
　　
　　新安装的插件需要激活才能使用，选择窗口→定制透视图，将“其它”中的EASIE JBoss项选中。　
　　
　　然后配置这个插件，选择窗口→首选


心田小筑 2005-12-30 14:47 发表评论
]]>