Eclipse拖拉界面讲解--第六组

用Eclipse插件拖拉界面
一、新建工程
1、点击File—>New→Other—>WindowBuilder-->SWT Designer→SWT/JFace Java Project
2、点击Next给你的工程创建名称之后点击Finish
二、新建设计视图窗口
1右键单击工程名称Test→New→Other→WindowBuilser→SWT Designer→SWT→Application Window
2、点击Next,创建窗口名称
3、点击Finish进入代码视图窗口
4、点击Design进入到设计视图界面
三、下面主要介绍图形界面常用的一些组件：
1、设计窗口
点击窗口，在左边的Properties中找到text,点击text右边的文本框，即可修改窗口名称
点击image弹出Image chooser窗口，选择第二项绝对路径的设置，来获取你选中的图标
点击ok，窗口效果如下：
点击background弹出Color chooser窗口，三中可供选择颜色类型，均可以使用，任选择一种颜色
点击ok，窗口效果如下：
2、设计Label标签
Label标签所在的位置如图：
Label 标签相关的操作及属性（相关属性在Properties 窗口中）：
小图标
A、修改Label 标签的名称：properties窗口中的text 属性，修初始值New Label 可以
得到相应的名称，如图中改为“你好中国！”。

B、修改Label 标签名称的字体大小和字体颜色：properties窗口中的font 属性修改大
小；foreground 属性修改颜色。

（该操作需点击相关属性后的小图标）
C、修改Label 标签的背景：properties窗口中background 属性。

（该操作需点击相
关属性后的小图标）
D、将Label 标签的背景更改为图片：点击image 属性的小图标，如下图：可选择第
二个选项选择图片，之后找到图片。

点击OK 即可。

注意：若text属性中有文字，要将Label 背景改为图片时，text 属性中只能为空。

否则，图片将不会显示。

此时若再text属性中输入文字，则不会显示文字，Label 标签中依旧是图片。

E、Properties窗口中的alignment属性可以显示标签中字体的位置，默认的是LEFT ，
文字居左对齐，CENTER 居中对齐，RIGHT 居右对齐。

F、Properties窗口中的enabled 属性默认为true , 即可以看见颜色（包括文字颜色，
图片等）。

G、粗体Style 属性中可以改变标签的边框、阴影等。

H、拉动标签时可查看Properties窗口中的Bounds的位置参数。

3、设计text文本
在Controls中点击Text图标，拖到窗口中
选中Text组件，在左边的Properties中找到text,可设置Text组件显示字体，点击font
可设置字体
选中Text组件，在左边的Properties中找到foreground可设置Text组件字体颜色，找到background可设置Text组件背景色，效果如下：
在Controls中重新选择Text组件，选中Text组件，在在左边的Properties下的Style 中设置password为true（Style中lines必须为SINGLE），此时Text成为密码框，效果如下：
Style中设置border为true，效果如下：
在Controls中重新选择Text组件，选中Text组件，在左边的Properties下的Style中设置lines为MUTIL，此时Text成为文本域，可以输入多行文字（默认情况下是SINGLE，只能输入一行），效果如下：
默认情况下，效果如下：
4、设计下拉菜单
在Controls中点击Comb图标，拖到窗口中
选中Combo组件，在左边的Properties下，选择text写字体，选择font设置字体，选择foreground设置字体颜色，选择background设置背景颜色。

选择items设置下拉菜单元素，选择visibleItemCount设置下拉菜单可见的元素（默认情况下，显示5个元素），效果如下：
5、设计按钮Button标签（注：可参照Label标签所叙）：
标签所在位置，Controls 窗口中。

请参照Label标签图所视，这里不再赘叙。

标签相关操作及属性（相关属性在Properties 窗口中）：
A、修改Button 标签的名称：properties窗口中的text 属性，修初始值New Button 可以得到相应的名称，如改为“确定”。

B、修改Button 标签名称的字体大小和字体颜色：properties窗口中的font 属性修改大小；foreground 属性修改颜色（注：此属性更该不了字体颜色）。

C、修改Button 标签的背景：properties窗口中background 属性。

D、给Button标签的设置背景图片：properties窗口中image 属性。

若图片过大将覆盖掉文字部分。

如有添加图片，请注意图片大小。

E、Properties窗口中的alignment属性可以显示标签中字体的位置，默认的是LEFT ，文字居左对齐，CENTER 居中对齐，RIGHT 居右对齐。

F、Properties窗口中的enabled 属性默认为true , 即可以看见颜色（包括文字颜色，图片等）。

G、拉动标签时可查看Properties窗口中的Bounds的位置参数。

H、粗体Style ：
Align 属性：类似上述E中所说的alignment。

border属性：默认FALSE ，即Button标签不存在边框，如设置为TRUE ，则会显示边框。

Type 属性：默认PUSH ，即单击图标。

显示预览：
1、默认PUSH ，即单击图标。

显示预览：单击右键，选择Test/Preview 项，
如图：
2、Push选项的效果如下图：
览效果：
图
5、Type 属性的第四个选项是toggle。

. 如图
6、Type 属性的第五个选项是arrow。

.如图：
6、设计单选RadioButton标签
在Controls中点击Radio Button图标，拖到窗口中
选中Radio Button组件，在左边的Properties下，选择text写字体，选择font设置字体(选择foreground设置字体颜色，好像是没效果，大家可以试试)，选择image设置图标，选择alignment下LEFT，CENTER和RIGHT,可设置文字和图片在组件中的位置，选中“女”Radio Button组件，设置selection为true，选择效果如下：
7、设计复选CheckButton标签
标签所在位置，在Controls 窗口中。

请参照Label标签图所视，这里不再赘叙。

标签相关操作及属性（相关属性在Properties 窗口中）：
此标签是复选标签，区别于RadioButton 单选标签，可选中多个。

如图：
其他属性不再赘述，请参照Label标签。

8、设计滚动Spinner 标签（注：可参照Label标签所叙）：
标签所在位置，在Controls 窗口中。

请参照Label标签图所视，这里不再赘叙。

标签相关操作及属性（相关属性在Properties 窗口中）：
A、修改Spinner 标签中的字体大小和字体颜色：properties窗口中的font 属性修改大
小；foreground 属性修改颜色。

B、background 属性：可该变窗口的背景颜色。

C、拉动标签时可查看Properties窗口中的Bounds的位置参数。

D、increment 属性：指上下滚动数值范围的大小。

默认为1，点击一次只向上或向下滚
动一个数值。

E、digits 属性：指滚动窗口中数字的小数点的位数。

F、修改Spinner 标签中滚动数字的范围属性：maximum和minimum。

可分别设置大
小，设定滚动的上限和下限。

如图上限、下限：
9、设计菜单Menu
在Menu 中点击Menu Bar 图标，拖到窗口中
下，选择text写字体,效果如下：
组件，效果如下：
在两个MenuItem组件之间显示分隔，效果如下：
依次重复前两步，可得最终如下效果：
制作人：李晓美，陈亮完成时间：2011.7.29。