用Eclipse进行可视化JAVA界面设计12页文档资料.docx
- 文档编号:2314238
- 上传时间:2022-10-28
- 格式:DOCX
- 页数:15
- 大小:870.33KB
用Eclipse进行可视化JAVA界面设计12页文档资料.docx
《用Eclipse进行可视化JAVA界面设计12页文档资料.docx》由会员分享,可在线阅读,更多相关《用Eclipse进行可视化JAVA界面设计12页文档资料.docx(15页珍藏版)》请在冰豆网上搜索。
用Eclipse进行可视化JAVA界面设计12页文档资料
前言
最近,Eclipse开源项目终于推出了期待已久的VisualEditorProject(VEP)。
VE项目使得功能强大的eclipse平台在java开发方面又增加了一个可视化java组件开发利器。
它让java开发者再也不用依赖其它的IDE产品来做GUI界面方面的工作。
所有的开发,从应用程序界面到业务逻辑的开发,现在都可以在eclipse平台上完成。
本文将引导开发者如何安装配置并使用VisualEditor。
关于VisualEditor
开始介绍之前,来看一个笔者用VisualEditor(以下简称VE)设计的一个java程序界面:
我国古代的读书人,从上学之日起,就日诵不辍,一般在几年内就能识记几千个汉字,熟记几百篇文章,写出的诗文也是字斟句酌,琅琅上口,成为满腹经纶的文人。
为什么在现代化教学的今天,我们念了十几年书的高中毕业生甚至大学生,竟提起作文就头疼,写不出像样的文章呢?
吕叔湘先生早在1978年就尖锐地提出:
“中小学语文教学效果差,中学语文毕业生语文水平低,……十几年上课总时数是9160课时,语文是2749课时,恰好是30%,十年的时间,二千七百多课时,用来学本国语文,却是大多数不过关,岂非咄咄怪事!
”寻根究底,其主要原因就是腹中无物。
特别是写议论文,初中水平以上的学生都知道议论文的“三要素”是论点、论据、论证,也通晓议论文的基本结构:
提出问题――分析问题――解决问题,但真正动起笔来就犯难了。
知道“是这样”,就是讲不出“为什么”。
根本原因还是无“米”下“锅”。
于是便翻开作文集锦之类的书大段抄起来,抄人家的名言警句,抄人家的事例,不参考作文书就很难写出像样的文章。
所以,词汇贫乏、内容空洞、千篇一律便成了中学生作文的通病。
要解决这个问题,不能单在布局谋篇等写作技方面下功夫,必须认识到“死记硬背”的重要性,让学生积累足够的“米”。
一般说来,“教师”概念之形成经历了十分漫长的历史。
杨士勋(唐初学者,四门博士)《春秋谷梁传疏》曰:
“师者教人以不及,故谓师为师资也”。
这儿的“师资”,其实就是先秦而后历代对教师的别称之一。
《韩非子》也有云:
“今有不才之子……师长教之弗为变”其“师长”当然也指教师。
这儿的“师资”和“师长”可称为“教师”概念的雏形,但仍说不上是名副其实的“教师”,因为“教师”必须要有明确的传授知识的对象和本身明确的职责。
怎么样,其可视化的界面设计,一点也不逊于其它的Java可视化界面开发工具。
VisualEditor是一个开源的eclipse编辑器。
它同JDT、PDE等其它eclipse的工具项目一样,是一个全新的eclipse工具项目。
它可以进行可视化的编辑javaGUI程序,也能编辑可视化的JavaBean组件。
它能与eclipse的JavaEditor集成在一起,当在VisualEditor中编辑图形界面时,会立即反馈到javaEditor中的代码。
反之亦然。
VE是一个可视化开发的一个framework,当前版本的VE是0.5.0RC1版,本版本的VE支持Swing和AWT的可视Java组件开发。
由于这个framework设计的具有通用性,它也可以很容易的实现C++或其它语言下可视化开发。
其将来的版本(从1.0开始),将会支持SWT的开发。
更多的关于VisualEditor的信息,请看参考资料的相关链接。
下载与安装
由于VisualEditor是用纯java编写的,所以它应该可以在任何操作系统上运行。
但当前的VE版本是0.5.0RC1,只在windows和linux平台上经过测试。
所以如果你使用的是这两种操作系统之外的其它操作系统,你应该先阅读VE的readme文件,安装和使用VE前,必须先安装以下版本的eclipse和相关支持类库:
Eclipsebuild2.1.2(buildpage)(downloadzip)
EMFbuild1.1.1:
(buildpage)(downloadzip)
GEFBuild2.1.2:
(buildpage)(downloadzip)
为了方便中国的开发者,eclipse也提供了一个中文语言包,下载安装后,elcipse环境将变成全中文的界面。
在本文中,笔者用的eclipse也安装了此中文语言包。
之后就可以从以下地址下载VisualEditor了:
http:
//download.eclips.org/vep….
下载后的VE是一个zip档案,请将其压缩包中plugins和features目录下的内容解压到eclipse安装目录的相应目录中即可。
如果你的eclipse是运行着的,请关闭并重新启动eclipse。
开始一个设计任务
现在,所有程序安装完成,笔者将用一个例子,来讲解VisualEditor的使用。
在这个例子中,笔者要设计一个邮件发送面板,下面是它的草图:
我国古代的读书人,从上学之日起,就日诵不辍,一般在几年内就能识记几千个汉字,熟记几百篇文章,写出的诗文也是字斟句酌,琅琅上口,成为满腹经纶的文人。
为什么在现代化教学的今天,我们念了十几年书的高中毕业生甚至大学生,竟提起作文就头疼,写不出像样的文章呢?
吕叔湘先生早在1978年就尖锐地提出:
“中小学语文教学效果差,中学语文毕业生语文水平低,……十几年上课总时数是9160课时,语文是2749课时,恰好是30%,十年的时间,二千七百多课时,用来学本国语文,却是大多数不过关,岂非咄咄怪事!
”寻根究底,其主要原因就是腹中无物。
特别是写议论文,初中水平以上的学生都知道议论文的“三要素”是论点、论据、论证,也通晓议论文的基本结构:
提出问题――分析问题――解决问题,但真正动起笔来就犯难了。
知道“是这样”,就是讲不出“为什么”。
根本原因还是无“米”下“锅”。
于是便翻开作文集锦之类的书大段抄起来,抄人家的名言警句,抄人家的事例,不参考作文书就很难写出像样的文章。
所以,词汇贫乏、内容空洞、千篇一律便成了中学生作文的通病。
要解决这个问题,不能单在布局谋篇等写作技方面下功夫,必须认识到“死记硬背”的重要性,让学生积累足够的“米”。
此面板包括发送人,接收人,邮件主题,邮件内容以及发送和清除按钮,
进入VisualEditor
启动eclipse平台。
刚开始,你可能觉得eclipse并没有什么变化。
先别急,请新建一个项目,点击"文件"菜单下的"新建"子菜单,选择并建立一个新的"java项目"。
然后在工具栏上的"新建Java类"图标上,点击右边的小箭头,将展开如下图的菜单:
在此菜单上,多了一个"VisualCalss"的子菜单,这就是进入VisualEditor的入口之一。
点击"VisualClass",弹出如下的对话框:
在此对话框中,要求输入类的名称(如标记○1)位置),在这里我们输入"MessagePanel",以及你想要继承的可视类(如标记○2位置)。
你可以选择继承来自swing或AWT的任何界面组件,如要继承其它类型的类,请选择"other"并点击"浏览"按钮来选择你要继承的类。
在此处,我们选择"panel"和Swing选项,继承JPanel,然后点击"完成"按钮,大家就可以见到VisualEditor的界面了:
由于eclipse工作台高度的可定制性,读者现在看到的界面并非VE初始的布局,而是经过笔者按喜好的方式重新布局过的透视图,但是这并不会影响读者理解本文内容。
如图中1所示,是VE的工具面板,提供"选取"、"框选"等选择工具。
还有Swing组件,Swing容器,Swing菜单以及AWT控件设计工具。
在面板下方有"Design"和"Source"两个页签,用来切换设计界面和Java源代码视图。
图中2是VE的工具栏,包括工具面板中的一些常用按钮。
图中3是"JavaBeans"视图和"属性"视图,两个视图可以切换显示。
"JavaBeans"视图用树形结构即时显示设计中用到的各种JavaBean组件层次。
而"属性"视图显示显示当前所选中的Javabean组件的属性值列表,你可以在此列表中编辑各项JavaBean的属性值。
图中灰色矩形区域即是我们最开始选择的JPanel,所有的工作就从它开始。
摆设Swing组件
做过SwingGUI界面设计的人都知道,Java应用程序界面上的元素位置是用LayoutManager来管理的。
JPanel的预设布局管理器是FlowLayout。
VE目前支持所有的传统的布局管理器(这里所指的传统布局管理器是指JDK1.4之前的布局管理器。
可惜的是VE目前还不支持从JDK1.4开始有的SpringLayout)。
要设置JPanel的layout,请先在设计界面中选中JPanel,再切换到"属性"视图,找到"layout"属性,如下图所示:
图中显示了JPanel的预设LayoutManager。
在"layout"属性的右边,可以通过点击组合框来指定不同类型的LayoutManager。
不同的LayoutManager会在属性编辑器中显示不同的参数,如果选择GridLayout,属性编辑器中的layout属性将显示另外几种不同的参数,如下图如示:
先前的FlowLayout的三个参数alignment,horizontalgap和verticalgap变成了GridLayout的另外四种参数:
columns,horizontalgap,rows,verticalgap。
为了方便设计,笔者在这个例子中将采用null,即不用任何LayoutManager来设计界面。
布局设置好后,就可以在JPanel上摆置各种Swing组件了。
按照我们最开始设计的草图,界面上要摆上四个Label:
From,To,Subject,Message。
以及四个文本组件,其第四个应该是TextArea,用于编辑多行文本。
我们在工具面板上选好相关组件,然后在JPanel上拖选出一个矩形,组件即按相应大小和位置显示在此矩形区域。
再在"属性"视图中编辑每个JLabel和JButton的"text"属性为相应的值。
现在来看看下面笔者"画"出来的界面:
看看,设计的如何?
笔者不是画家,"画"出来的界面显得有些凌乱。
没关系,VE也提供一些工具按钮来让我们调整各个组件的位置。
请点击VE工具栏上的"Showalignmentwindow"按钮:
显示如下图的视窗:
通过此视窗,可以将所选组件向上下左右各个方向对齐。
还可以使所选组件具有相同高度和宽度。
来看看下图经过调整位置后的界面布局:
现在看起来是不是美观多了?
添加事件处理
经过前面的步骤,VE的可视化设计的任务就基本上完成了。
在我们设计的界面中,有"Send"和"Clear"按钮。
我们再来看看VE是如何为它们添加事件处理的。
在设计界面的"Send"按钮上点击鼠标右键,弹出菜单,如下图:
在"Event"菜单项中,可以看到一个"actionPerformed"事件。
如果要添加其它类型的事件,可以点击"AddEvents"选择其它类型的事件。
我们点击"actionPerformed"事件后,在"JavaBeans"视图的"jButton-"Send""组件下面,多了一个"actionPerformed"事件类型,如下图所示:
在"JavaBeans"视图中,选中"actionPer
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Eclipse 进行 可视化 JAVA 界面设计 12 文档 资料