服务热线:13616026886

技术文档 欢迎使用技术文档,我们为你提供从新手到专业开发者的所有资源,你也可以通过它日益精进

位置:首页 > 技术文档 > JAVA > 新手入门 > 基础入门 > 查看文档

swt/jface入门指南之初步体验widget

从widget和control开始

  widget是control的父类,而control是我们使用的大多数部件的父类。我们在以前的一些编程语言中可能接触过“控件”或者“组件”之类的概念,部件(widget)的概念大体和这些相当。

  在org.eclipse.swt.widgets中定义了众多的widget,甚至我们前面介绍的shell也被当成widget的一种。

  因为可用的widget如此之多,所以我大概没有办法全部一一介绍。在这一节中,我会介绍几种常用的widget。相信善于触类旁通的你通过这些极为简略的介绍应该可以开始使用各种widget,在使用中不断完善自己的认识。

  首先我们来介绍widget。它是一个抽象类,也是所有widget的父类。通过介绍这个类,我们可以得出这所有widget的一些共有特性。

  widget的方法中dispose()方法我们在以前曾经见到过,调用这个方法时候,所谓的接收者(receiver,譬如我们这样写:awidget.dispose(),那么awidget就是接收者,而这句话所处的对象成为调用者或者caller)和接收者中所包含的其他widget会释放它们所占用底层操作系统的资源。这也就是说你不必显式地为程序中创建的每个widget进行dispose()调用,而只需要确保最外层的widget(比如display)进行了dispose()就可以了。

  另外还可以通过isdisposed()判断是否该widget(接收者)已经进行了dispose。

  widget中的getstyle()方法得到widget的风格,而getdisplay()得到所处的display对象。

  此外widget中还有两个重要方法getdata()和setdata(),这两个方法允许我们为一个widget附加其他的信息。特别是在你需要跨模块传递widget的时候,这个功能显得非常有用。比如如果一个文本框中显示了一段文章中的某句话,如果我们同时希望把这整篇文章的题目和作者附加上的话可以这样写:

1swt/jface入门指南之初步体验widget(图一)atext.setdata("title","i have a dream");
2swt/jface入门指南之初步体验widget(图二)atext.setdata("author","martin luther king");
    代码段 3

  在程序的其他部分可以用atext.getdata(“title”)得到这篇文章的题目,或者用atext.getdata("author")得到作者。

  在前面我们提到过,control是今后我们所使用大部分widget的父类。在这里我不单独进行介绍,而是在后面的部分中介绍。

  创建部件

  和创建其他java object一样,我们通过使用new操作符创建部件的实例。有一点比较特殊的可能你需要使用带参数的构造函数进行new操作。类似下面的程序:

  swt/jface入门指南之初步体验widget(图三)text text=new text(shell,swt.center);

  这种方法适用于几乎所有的widget,其中第一个参数是父widget,也就是指明了该widget需要被放置道另外哪一个widget之中,而第二个参数是这个widget的风格。

  大小和位置

  仅仅创建一个部件并不足以让你看到它,因为一个部件初始的长和宽都是0。你还需要设定它的大小。你可以用setsize()或者setbounds()方法手动设定部件的大小,也可以让系统自动调整部件的大小到一个合适的值,这个值也被成为首选尺寸(preferred size)。

  可以通过调用pack()方法让系统调整控件大小。如果你希望系统自动调整,那么你需要首先设定控件需要表达的内容。举个例子来说,如果你的部件是一个文本框或者标签,你应该首先设定它所要显示的文本,这样系统可以通过文本的长度计算。

  对于部件的位置,同样可以使用setlocation()或者setbounds()进行设定。

  这里值得一提的是所谓的bounds,其实bounds可以看成是大小和尺寸的综合。比如setbounds(int x, int y,int width,int height)的参数中,x和y描述的是位置信息,而width和height描述了大小。

  隐藏与失效

  通过部件的setvisible方法可以控制部件进行隐藏或是显示。通过setenabled方法可以控制部件是否有效。一个无效的部件不会对用户的任何动作作出响应。这两个方法的参数都是布尔型的。

  提示文本

  可以通过settooltiptext()方法设定部件的提示文本。

  几种常用的部件

  label

  标签用来显示静态的文本或者图像。关于图像和色彩我会在后面的部分进行介绍。

  标签可以使用swt.center, swt.left, swt.right中的一种指明文本的对齐方式(居中对齐,左对齐,右对齐)。

  你也可以通过设置标签属性为swt. separator 使标签成为一条分隔符。

  下面这个程序给出了标签的两种表现形式,其中使用了layout,关于layout的详细情况也会在后面的部分进行介绍:

1swt/jface入门指南之初步体验widget(图四)swt/jface入门指南之初步体验widget(图五)public class labels swt/jface入门指南之初步体验widget(图六){
2swt/jface入门指南之初步体验widget(图七)
3swt/jface入门指南之初步体验widget(图八)swt/jface入门指南之初步体验widget(图九) public static void main(string[] args) swt/jface入门指南之初步体验widget(图十){
4swt/jface入门指南之初步体验widget(图十) display display = new display();
5swt/jface入门指南之初步体验widget(图十二) shell shell = new shell(display,swt.shell_trim);
6swt/jface入门指南之初步体验widget(图十三) rowlayout layout=new rowlayout(swt.vertical);
7swt/jface入门指南之初步体验widget(图十四) shell.setlayout(layout);
8swt/jface入门指南之初步体验widget(图十五) shell.settext("labels");
9swt/jface入门指南之初步体验widget(图十六) label label1=new label(shell,swt.center);
10swt/jface入门指南之初步体验widget(图十七) label1.settext("label demo");
11swt/jface入门指南之初步体验widget(图十八) label label2=new label(shell,swt.separator | swt.horizontal);
12swt/jface入门指南之初步体验widget(图十九) shell.setsize(100,100);
13swt/jface入门指南之初步体验widget(图二十) shell.open();
14swt/jface入门指南之初步体验widget(图二十)
15swt/jface入门指南之初步体验widget(图二十二)swt/jface入门指南之初步体验widget(图二十三) while (!shell.isdisposed()) swt/jface入门指南之初步体验widget(图二十四){
16swt/jface入门指南之初步体验widget(图二十五)swt/jface入门指南之初步体验widget(图二十六) if (!display.readanddispatch()) swt/jface入门指南之初步体验widget(图二十七){
17swt/jface入门指南之初步体验widget(图二十八) display.sleep();
18swt/jface入门指南之初步体验widget(图二十九) }
19swt/jface入门指南之初步体验widget(图三十) }
20swt/jface入门指南之初步体验widget(图三十) display.dispose();
21swt/jface入门指南之初步体验widget(图三十二) }
22swt/jface入门指南之初步体验widget(图三十三)}
23swt/jface入门指南之初步体验widget(图三十四)
  代码段 4

  最后得到的效果可以参照下图:

  swt/jface入门指南之初步体验widget(图三十五)
  图 4

  text

  text就是最简单的文本框,与标签一样,我们可以通过设定它的风格来表示它的对齐方式(swt.center,swt.left,swt.right),另外还有其他一些用于文本支持的方法,比如insert(),paster(),copy(),setselection(),selectall()等,这些方法在后面介绍swt事件模式会进行更详细的介绍。

  button

  在swt中,button并不仅仅是按钮。构造时候定义的风格不同,所体现出的外观也不一样。

  如果风格定义成swt.push,它就是一个普通的按钮。

  如果定义为swt.toggle,它在被按下以后会保持按下的形状(而不会弹起来),直到鼠标再次在上面按一下才会回复弹起的形状。

  如果风格定义为swt.arrow,它是一个带箭头的按钮,箭头的指向可以选择swt.left,swt.right,swt.up,swt.down中的一个。

  如果定义为swt.check,它是一个复选框。

  如果定义为swt.radio,它是一个单选框。

  下面一段程序演示了各种不同的button。

1swt/jface入门指南之初步体验widget(图三十六)swt/jface入门指南之初步体验widget(图三十七)public class buttons swt/jface入门指南之初步体验widget(图三十八){
2swt/jface入门指南之初步体验widget(图三十九)
3swt/jface入门指南之初步体验widget(图四十)swt/jface入门指南之初步体验widget(图四十) public static void main(string[] args) swt/jface入门指南之初步体验widget(图四十二){
4swt/jface入门指南之初步体验widget(图四十三) display display = new display();
5swt/jface入门指南之初步体验widget(图四十四) shell shell = new shell(display,swt.shell_trim);
6swt/jface入门指南之初步体验widget(图四十五) rowlayout layout=new rowlayout(swt.vertical);
7swt/jface入门指南之初步体验widget(图四十六) shell.setlayout(layout);
8swt/jface入门指南之初步体验widget(图四十七) shell.settext("buttons");
9swt/jface入门指南之初步体验widget(图四十八)
10swt/jface入门指南之初步体验widget(图四十九) button pushbutton=new button(shell,swt.push | swt.center);
11swt/jface入门指南之初步体验widget(图五十) pushbutton.settext("swt.push");
12swt/jface入门指南之初步体验widget(图五十)
13swt/jface入门指南之初步体验widget(图五十二) button togglebutton=new button(shell,swt.toggle | swt.left);
14swt/jface入门指南之初步体验widget(图五十三) togglebutton.settext("swt.toggle");
15swt/jface入门指南之初步体验widget(图五十四) togglebutton.setselection(true);
16swt/jface入门指南之初步体验widget(图五十五)
17swt/jface入门指南之初步体验widget(图五十六) button arrowbutton=new button(shell,swt.arrow | swt.left);
18swt/jface入门指南之初步体验widget(图五十七)
19swt/jface入门指南之初步体验widget(图五十八)
20swt/jface入门指南之初步体验widget(图五十九) button checkbox=new button(shell,swt.check);
21swt/jface入门指南之初步体验widget(图六十) checkbox.settext("swt.check");
22swt/jface入门指南之初步体验widget(图六十)
23swt/jface入门指南之初步体验widget(图六十二) button radio=new button(shell,swt.radio);
24swt/jface入门指南之初步体验widget(图六十三) radio.settext("swt.radio");
25swt/jface入门指南之初步体验widget(图六十四) radio.setselection(true);
26swt/jface入门指南之初步体验widget(图六十五)
27swt/jface入门指南之初步体验widget(图六十六) shell.pack();
28swt/jface入门指南之初步体验widget(图六十七) shell.open();
29swt/jface入门指南之初步体验widget(图六十八)
30swt/jface入门指南之初步体验widget(图六十九)swt/jface入门指南之初步体验widget(图七十) while (!shell.isdisposed()) swt/jface入门指南之初步体验widget(图七十){
31swt/jface入门指南之初步体验widget(图七十二)swt/jface入门指南之初步体验widget(图七十三) if (!display.readanddispatch()) swt/jface入门指南之初步体验widget(图七十四){
32swt/jface入门指南之初步体验widget(图七十五) display.sleep();
33swt/jface入门指南之初步体验widget(图七十六) }
34swt/jface入门指南之初步体验widget(图七十七) }
35swt/jface入门指南之初步体验widget(图七十八) display.dispose();
36swt/jface入门指南之初步体验widget(图七十九) }
37swt/jface入门指南之初步体验widget(图八十)}
    代码段 5

  最后得到的窗口如下图:

  swt/jface入门指南之初步体验widget(图八十)
  图 5

  小结

  在这一节中我向大家介绍了widget的一些基本知识,还有几种简单的widget。你可能注意到这些描述仅仅限于外观方面,如何让widget和用户交互起来呢?这需要我们处理各种用户事件,在下一节中我会向大家介绍swt的事件模式。

扫描关注微信公众号