分享
 
 
 

Eclipse插件开发系列(5):SWT中的布局管理器(1)

王朝java/jsp·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

作者:陈刚,桂林人,97年毕业于广西师范大学数学系,暂于IBM中国研究中心从事软件开发(2004.2-?),专注基于java平台的软件开发,我想写一本关于Eclipse插件开发的书,有书商原意帮忙吗?

MSN:glchengang@hotmail.com

Email: glchengang@163.com

blog:glchengang.yeah.net

[/url]

本章源代码下载:

500)this.width=500" border=0[url=http://blog.beok.net/uploadfile/2004531205316741.RAR]myplugin2.rar

一、简介,要用SWT/JFace开发必须选学会布局管理器的使用,这是SWT学习中非常重要也非常基础的知识。什么是布局管理器,简单来说就是图形界面的上控件的摆放方式,一种方式就脱变成一种布局管理器。在SWT中主要有四种常用的布局管理器

RowLayout,简单的排列控件。

FillLayout ,充满型的控件布局方式。

GridLayout,最常用的也是最强大的,表格型布局方式。

StackLayout,堆栈式的布局方式,就象书一样,每次只有一个控件在上面。

简单介绍布局管理器,接下来我来看看界面控件有那些。

容器类的,所谓容器就是其可以装入界面控件的。Composite(上一章介绍过),Group(分组),SashForm(分割窗口),TabFolder(项目栏),这里注意Composite一般是看不见的。

控件类。Button(按钮),Text(文本框),TreeVeiw(树型框)等,所有的控件类都要依附在某种容器类中。

500)this.width=500" border=0

二、RowLayout布局管理器。

1、新建一个类如下。

public class RowLayoutSample extends Dialog {

public RowLayoutSample(Shell parentShell) {

super(parentShell);

}

protected Control createDialogArea(Composite parent) {

Composite c = new Composite(parent, SWT.NONE); //在面板parent里再嵌一个面板c

RowLayout rowLayout = new RowLayout(); //默认是横向排,加一个参数SWT.VERTICAL则是竖向排

rowLayout.marginTop = 10; //离上边的间距

c.setLayout(rowLayout); //面板c采用RowLayout布局方式

new Button(c, SWT.NONE).setText("button1"); //在面板c里建立三个按钮,

new Button(c, SWT.NONE).setText("button2"); //这三个按钮是以行方式来排列的。

new Button(c, SWT.NONE).setText("button3");

return parent;

}

}

2、将上一章的SampleAction类的run方法改动如下:

public void run(IAction action) {

RowLayoutSample dialog = new RowLayoutSample(window.getShell());

dialog.open();

}

3、运行插件,效果如下图1(以调试方式运行,这样我们改代码的时候就不用再启动插件了,Eclipse支持一般的热修改)。

500)this.width=500" border=0
500)this.width=500" border=0

图1 图2:new RowLayout(SWT.VERTICAL)时的效果

500)this.width=500" border=0

图3。marginLeft = 50的效果(左边距宽了)

4、在我的开发实践中RowLayout用得极少,因为其功能太弱,适用的布局情况太少,并且GridLayout完全可以替代它。

三、在这里进来介绍一个用于SWT界面开发的工具SWT Desiger.

SWT Desiger支持界面控件的拖拉操作,有了它做起界面设计来就轻松多了,但千万别指望它能做完所有的事情,事实上它只是一个设计的辅助工具,你依然需要掌握手写界面代码的能力。我做界面的一般流程是这样的:(1)新开一个application文件,用SWT Desiger快速做好整体的界面布局。(2)将其代码移植到我的项目中,并进行修改和精简。(3)以后界面的修改都是手写代码修改了,但如果你对SWT包还不熟,依然可以用SWT Desiger来获得一些自动生成的代码。

下载地址:http://www.swt-designer.com/ ,需要你注册,但有free版可供下载,无时间限制,但有功能限制,但提供的功能足够了,因为我基本只用到它的布局功能。

安装方法:将其解压后复制到Eclipse的plugin目录下。然后Eclipse主菜单:文件->新建->其它,里面多了一个SWT(具体使用方法见:四、FillLayout布局管理器。)。

运行方法:如果你不想象本文那样以插件方式运行。SWT Designer设计后也可以以Applicate方式运行,这时注意在运行的时候要加一行参数,否则是无法运行成功的。设置方法:“运行->运行(N)....”->选“JAVA应用程序”再左下角的“新建(W)”,然后在新建的项目的“(x)=自变量”项->VM自变量(G)中填入下面这一行:

-Djava.library.path=C:\eclipse2.1.3\eclipse\plugins\org.eclipse.swt.win32_2.1.3\os\win32\x86

(注意将这串路径改成以你Eclipse中的实际路径)

如下图:

500)this.width=500" border=0

四、FillLayout布局管理器。

这里我就不象用插件了,因为这一章讲的其实是通用的,不一定是做插件才用到,象application、applet都要用。为了讲述方便,我们本章的剩余内容就全部以application的方式来讲,并且就前面三.1讲的做界面的流程,来讲讲application写好后怎么移植到插件项目中。

1、第一个SWT的Application。

文件->新建->其它->左选SWT ,右边选SWT Application(如下图)[/url]

500)this.width=500" border=0

再点击“下一步”,将类名定好,如下图:

[url=http://dev.csdn.net/Develop/ArticleImages/28/28479/CSDN_Dev_Image_2004-5-3121055614.jpg]

500)this.width=500" border=0

点击完成。这时你可以看到编辑框的左下角如下。这里有一些默代码了,点击“Design”得图如下。

500)this.width=500" border=0

500)this.width=500" border=0

这已经是一个默认的Application了,要运行,请参照上面“三.4”的运行方法。

2、在Application中的FillLayout的例子:

通过拖拉操作,得到如下的源代码:

public class FillLayoutApplication {

public static void main(String[] args) {

FillLayoutApplication window = new FillLayoutApplication();

window.open();

}

public void open() {

final Display display = new Display();

final Shell shell = new Shell();

shell.setLayout(new FillLayout());

shell.setText("SWT Application");

{

final Composite composite = new Composite(shell, SWT.NONE);

composite.setLayout(new FillLayout());

{

final Button button = new Button(composite, SWT.NONE);

button.setText("button");

}

{

final Button button = new Button(composite, SWT.NONE);

button.setText("button");

}

}

shell.open();

while (!shell.isDisposed()) {

if (!display.readAndDispatch())

display.sleep();

}

}

}

运行界面如下图(默认为水平铺方式):

500)this.width=500" border=0
500)this.width=500" border=0

将composite的layout->style->dir属性改为vertical(垂直平铺方式),运行界面如下图

500)this.width=500" border=0
500)this.width=500" border=0

3、总结。FillLayout虽然其功能单一,但由于其自动充满窗口的方式,在JAVA界面设计中是很常用的,它是使用频率仅次于GridLayout的布局方式。

预告:下一小节将重点讲叙GridLayout布局方式,GridLayout可以说是全能布局器,它完全可以代替FillLayout和RowLayout的功能(当然有时会麻烦些)。

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