分享
 
 
 

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

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

先前的FlowLayout的三个参数alignment, horizontal gap和vertical gap变成了GridLayout的另外四种参数:columns, horizontal gap, rows, vertical gap。

为了方便设计,笔者在这个例子中将采用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平台上完成。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
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- 王朝網路 版權所有