分享
 
 
 

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

王朝java/jsp·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

前言

最近,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属性将显示另外几种不同的参数,如下图如示:

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有