- 浏览: 220363 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
dysking:
SWT 和 JFace -
wangyuhfut:
东西不少啊。学习中。。。
一个比较好、中文说明的emacs配置文件 1 -
pacocai:
呵呵!学习,学习~~~不过要说编辑器的话个人更喜欢用VIM,比 ...
一个比较好、中文说明的emacs配置文件 1 -
zhf1zhf2:
这两百多个记起来也不容易啊
英国人是这样背的! -
regex:
试了两次,都是乱码,版本是23.1.1,看来不适合
汉化 Emacs 菜单
http://blog.csdn.net/DL88250/archive/2007/05/20/1618074.aspx
级别: 初级
2006 年 9 月 28 日
Java 世界的人似乎一直都对 Java 的桌面应用程序十分不满,从 AWT 到 SWING,从默认的 Theme到第三方的产品,不是太难看(AWT)就是在某些平台有 BUG(SWING,Quaqua--一个Windows平台下的仿Mac的主题包),再不就是对中文支持不好(某些第三方 LookAndFeel)。于是,如果想要获得和本机平台一致的用户界面和比较稳定的性能,SWT就成了一个不可忽视的选择。SWT 是一个独立于平台的,可以脱离 Eclipse 框架单独使用的图形组件,用JNI技术提供与本机系统同样的用户界面组件的观感,较好的运行效率,稳定的平台表现。
当然,虽然这个专题名叫"全接触",但毕竟不可能面面俱到,在一篇文章中兼收并蓄SWT的全部内容也不现实。但不管怎么说,我都将尽力展示SWT的使用细节,希望能为那些对SWT感兴趣的人提供一些帮助。
1.SWT简介
SWT-"Standard Widget Toolkit",它是一个Java平台下开放源码的Native GUI组件库,也是Eclipse平台的UI组件之一。从功能上来说,SWT与AWT/SWING是基本等价的。SWT以方便有效的方式提供了便携式的 (即Write Once,Run Away)带有本地操作系统观感的UI组件:
由于widget系统的固有复杂性以及平台之间微妙的差异,即使在理想情况下,能够达到工业标准的跨平台的widget类库也是很难编写和维护的。 最早的AWT组件现在被认为是样貌丑陋的,而且存在很多问题;SWING组件虽然也是缺点多多,但是随着JDK版本的不断升高,它仍在不断进行着改进。我 认为,SWT在功能上与AWT/SWING不相伯仲,但是组件更为丰富,平台表现稳定,BUG也相对较少。如果你的应用程序真的需要在多个平台上运行,需 要更为美观的界面,又不那么依赖于其他基于AWT/SWING的图形库,那么SWT或许是一个比AWT/SWING更好的选择。
2. SWT起步
2.1 SWT的HelloWorld
一如介绍其他程序的起始,我们都需要来一个HelloWorld来帮助我们入门,SWT的HelloWorld如下:
import org.eclipse.swt.widgets.*;public class HelloWorld { public static void main(String[] args) { Display display = new Display(); Shell shell = new Shell(display); shell.setText("Hello World"); shell.setSize(200, 100); shell.open(); while (!shell.isDisposed()) { if (!display.readAndDispatch()) display.sleep (); } display.dispose (); }}
运行这个程序就会得到如下结果:
下面我讲逐一介绍这个程序所包含的内容。
Display
这是一个顶层容器组件,类似于Container或Component的功能,它主要负责与底层的窗口系统之间的连接。在具体含义上,它代表"屏幕"。
一个Display可以包含多个Shell(也是容器组件,下面会介绍到)。
通常情况下,一个应用程序只含一个Display,即Display通常是一个单例组件(Singleton)。
Shell
它表示位于"屏幕"上面的"窗口",是Composite组件和Control组件构成的组件树的根。
在我们的HelloWorld程序中,我们可以设置标题(setText()),设置大小(setSize()),然后通过open()方法来显示这个窗口。怎么样,感觉很像JFrame吧?其实功能上差不多。
Composite
可以包含其它Composite和Control的容器
Control
这是一个重量级(HeavyWeight)系统对象。像按钮(Button),标签(Label),表格,工具栏和树形结构这些组件都是Control的子类,Conposite和Shell也不例外。
2.1.1 消息循环
我们可以看到,上面的代码中有这样的语句:
while (!shell.isDisposed()) { if (!display.readAndDispatch()) display.sleep ();}
如果你像我一样是由Java语言起步的,那么你会对这个消息循环的代码感到比较陌生,毕竟在SWING中我们主要利用事件驱动模型而不这样利用类似 于Windows程序设计中的消息循环的方法来处理事件。但是这段代码意义还算简单明了,就是反复的读取和分派(dispatch)事件,并在没有事件的 时候把控制权还给CPU。
2.1.2 资源的释放
最后一条语句是display.dispose ();,这告诉我们操作系统的资源是由程序员显示释放的。资源的释放遵循以下两条规则:
1. 如果你创建了某个资源,那么你就有责任释放它。
2. 释放父组件资源的同时也释放了其子组件的资源。
2.1.3 标准构造函数
窗口组件被创建的时候必须伴随一个他的上层组件,例如,我要建立一个按钮就可以采用如下方法:Button button = new Button(shell, SWT.PUSH);
其中,Button的父组件Shell是必不可少的,这样就限定了我们生成组件的顺序。
第二个参数被称为"Style Bit",表示了这个组件的显示特性,每种特性占一位,如下例所示:
Text test=new Text(group, SWT.SINGLE|SWT.BORDER);
这条代码生成了一个单一的,有边框的文本框。这显然又与习惯了JavaBeans模型,总是用setXXX()来设置属性的我们不太适应--毕竟是IBM的东西啊,秉承了其产品不易上手的传统。
2.1.4 错误与异常
SWTError指的是不能修复的错误,以及一些操作系统错误。
SWTException指的是一些可恢复的错误以及无效的线程访问之类的错误。
IllegalArgumentException指可修复的错误或参数为null之类的错误。
2.1.5 Item
Item类是一个轻量级的系统对象,总是作为基本的单位元素与其他一些类配合使用。比如Tree中的元素即为TreeItem,Table的单位元素则是TableItem,而MenuItem就是Menu的基本单位元素了。
2.1.6 SWT的类阶层体系结构
最后让我们来整体认识一下整个SWT窗口组件的层次结构,如下所示: 以上的部分给我们以整体的认识,即一个SWT引用程序应该怎么创建,其基本的运行规则和相关类的体系结构。我想我就不用再对每一个控件的API或使用方面费唇舌了,熟悉这些东西是体力劳动,而网上有很多例子可供参考。下面一节我将详细介绍有关SWT布局的相关知识。
2.2 SWT的布局管理
相信对于组件的布局(Layout)大家都不会太陌生,它的存在就是提供给我们一种可以在组件位置移动或更改大小时重新绘制组件的机制。设置组件的布局我们可以采用Composite.setLayout()方法来实现。
每种布局都有其相应的数据(Layout Data),可以通过Control.setLayoutData()方法来进行关联。以下是一些布局类及其显示效果:
1、FillLayout:让所有子组件等大小的"填满"整个面板空间。
FillLayout是最简单的一个布局类,它将所有窗口组件放置到一行或一列中,并强制他们的大小也相等。FillLayout不能外覆(wrap), 也不能定制边框和距离。很显然这样的限制让这个布局类最适合作类似于计算器面板的布局,或者为Taskbar和Toolbar上面的按钮作布局使用。
2、RowLayout:类似于AWT中的FlowLayout,让所有组件按行排列,一行排不下就放到下一行。
RowLayout比FillLayout用得更广泛一些,原因很简单,就是RowLayout支持FillLayout所部支持的功能,例如能够外覆, 能够修改边框和间距等等。另外,每一个位于RowLayout中的窗口组件都可以通过设定一个RowData类来指定其在RowLayout中的宽度和高 度。
3、GridLayout: GridLayout是3个标准布局类中最有用的,但同时也是最复杂的--没办法,强大的功能必定伴随着一定程度的复杂性。通过GridLayout,一 个Composite的子窗口组件被放置在一个网格(Grid)之中。GridLayout有很多配置字段,并且和RowLayout一样,每一个布局于 其中的窗口组件都可以有一个与之相关联的布局数据类,称为GridData。GridLayout的强大功能是通过对于每一个窗口组件的GridData 的灵活控制来实现的。
鉴于GridLayout的复杂性(原本我就怀疑它根本就不是为手工书写代码而设计的),我并不建议各位直接手动书写GridData,最好借助可视化的 工具(如VI)来帮助我们完成用GridLayout进行的界面设计。这样我们只需要书写少量控制代码,就可以获得复杂的界面布局了。
4、FormLayout:如图所示
5、StackLayout:几乎完全等同于CardLayout的功能。
在SWT中,位置和大小的变化并非自动发生的。应用程序既可以在Composite子类的构造函数中指定初始位置和大小,也可以在一个改变窗口大小的监听器中用布局类来定位和改变Composite子类的大小。
下面的一幅图包含了我们将要讨论的有关布局的大部分细节。一个Composite类的可显示区域分为三个部分,分别是Location, clientArea和trim。Composite的大小就是clientArea和trim的区域之和。一个布局类(Layout)的主要功能就是管 理Composite子组件的大小和位置。通过布局类,我们可以管理子组件之间的距离-即间距(Spaceing),子组件与布局边缘之间的距离-即边距 (margin)。布局的大小同时也是Composite的clientArea的大小。
至此,关于SWT的基础部分就告一段落,希望能够给大家以一个对于SWT的总体认识。下面的部分将主要介绍SWT的弱项-绘图。JGraph的一个 作者就表达了对SWT/JFace/Draw2D的不满,认为SWT在执行效率上并没有什么改善,而且缺乏一些有用的API实现。话虽如此,但SWT的基 本绘图功能还是不错的,如果有足够的时间和耐心的话还是可以绘出想要的图形的。下面就让我们看看SWT如何绘制2D和3D图形。
3. 用SWT绘制2D图形
用SWT绘图通常由两种方法,一种是借助Graphics Context,另一种是利用Draw2D。然而Draw2D是一个基于SWT Composite的轻量级组件,于是在效率上,它无法体现出SWT的Native Code的速度优势。故其虽然强大,但仅适用于绘图工作不是系统瓶颈的应用程序。所以我在这里只介绍第一种方法。
3.1 Graphics Context
我们可以在任何实现了org.eclipse.swt.graphics.Drawable接口的类上绘制图形,这包括一个控件,一幅图像,一个显 示设备或一个打印设备。类org.eclipse.swt.graphics.GC是一个封装了所有可执行的绘图操作的图形上下文(Graphics Context)。两种使用GC的方式我们已经在本节前言中提过,稍后会作详细说明。
3.2 在一幅图像上绘制图形
下面一段代码创建了一个带有图像的GC并在上面绘制了两条线:
Image image = new Image(display,"C:/music.gif");
GC gc = new GC(image);
Rectangle bounds = image.getBounds();
gc.drawLine(0,0,bounds.width,bounds.height);
gc.drawLine(0,bounds.height,bounds.width,0);
gc.dispose();
image.dispose();
一旦你创建了一个GC,你就有责任通过它的dispose方法释放它的资源。一个由应用程序创建的GC需要立即被绘制,然后尽快释放掉。这是因为每个GC都需要一个底层的系统资源,而在某些操作系统中这些资源是稀缺的,像Win98就只允许同时创建五个GC对象。
3.3 在Control上绘图
类org.eclipse.swt.widgets.Control是可绘制的,所以你可以用像在图像上一样的方式来绘制图形。而和在图像上绘制所 不同的是,如果你使用GC在一个Control上绘制图形,你需要知道当操作系统自身要绘制这个control的时候,它将覆盖掉你的改动。所以在一个 Control上绘制图形的正确方法是加入其绘制事件的监听器。监听器类为org.eclipse.swt.events.PaintListener, 其回调函数的参数是一个org.eclipse.swt.events.PaintEvent类的实例。这个PaintEvent实例中包含一个GC的引 用,你可以向这个GC发送消息。下面的代码示例说明了如何建立这种类型的绘图:
Shell shell = new Shell(display);
shell.addPaintListener(new PaintListener()
{
public void paintControl(PaintEvent e)
{
Rectangle clientArea = shell.getClientArea();
e.gc.drawLine(0,0,clientArea.width,clientArea.height);
}
});
shell.setSize(150,150)
3.4 剪切(Clipping)
GC的剪切域是可见绘图发生的部分。在缺省情况下,一个GC是一个被构造的可视部分边界。改变一个GC的剪切域可以让我们构造出各种图形效果。其中 的一个例子是如果你想填充一个缺失了边缘的矩形。一种方法是绘制多边形矩形来组成所需要的图形,另一种方法就是剪切GC,然后对其剪切部分进行填充。
shell.addPaintListener(new PaintListener()
{
public void paintControl(PaintEvent e)
{
Rectangle clientArea = shell.getClientArea();
int width = clientArea.width;
int height = clientArea.height;
e.gc.setClipping(20,20,width - 40, height - 40);
e.gc.setBackground(display.getSystemColor(SWT.COLOR_CYAN));
e.gc.fillPolygon(new int[] {0,0,width,0,width/2,height});
}
});
这段代码在Shell上的显示的过程效果如下:
3.5 画板(Canvas)
虽然任何Control都可以通过自身的paintEvent来绘制图形,但其子类org.eclipse.swt.widgets.Canvas 是专门被设计用来进行图形操作的特殊的绘图类。我们既可以使用一个Canvas,再加入一个绘图监听器来实现绘图,也可以通过继承来建立一个可重用的自定 义Control。Canvas有很多style bit,可以在绘图发生时产生作用。
3.6 绘制直线和图形
我们有很多方法可以在一个GC上画线,包括在两点之间,一系列离散的点之间或一个预定义的图形上都可以。直线是以GC的前景色来绘制的,我们可以通 过GC绘制拥有不同厚度的各式直线。对于一个Paint事件,GC有着与Control组件一样的属性,即激发事件且缺省的直线样式固定为1个像素宽。
GC.drawLine(int x1, int y1, int x2, int y2);这条语句在可绘制的面板上的两点间花了一条直线,起始点为(x1,y1),终止点为(x2,y2)。终止点包含在画好的直线中。如果起始点等于终 止点的话,将会有一个独立的象素点被绘制出来。
GC.drawPolyline(int[] pointArray);这条语句绘制了一系列互相连接的线段,作为参数的数组用于描述点的位置。语句gc.drawPolyline(new int[] { 25,5,45,45,5,45 });绘制了如下的图形:
GC.drawPolygon(int[] pointArray);与drawPolyline(int[])是类似的,唯一区别在于最后一个点和低一个点是连接的。gc.drawPolygon (new int[] { 25,5,45,45,5,45 });将会获得与上图一样的结果。
GC.drawRectangle(int x, int y, int width, int height);这条语句从左上角的(X,Y)点,用参数中的宽和高画出了一个矩形。gc.drawRectangle(5,5,90,45);将会绘制出如下图形:
GC.drawRoundedRectangle(int x,int y,int width,int height,int arcWidth,int arcHeight);一 个圆矩形与标准矩形的区别就在于其四个角是圆的。圆矩形的每一个角都可以被想象成为1/4个椭圆,并且arcWidth和arcHeight由完整的椭圆 的宽和高决定。gc.drawRoundedRectangle(5,5,90,45,25,15);绘制了一个左上角位置为
5.5的圆矩形,右边的图形 是放大后的效果:
GC.drawOval(int x, int y, int width, int height);一个椭圆是由其相对应的矩形的左上角的位置(x,y)来确定绘制位置的,其宽和高即为对应矩形的宽和高。对于圆形来说,只需要另宽和高相等即可。
GC.drawArc(int x, int y, int width, int height, int startAngle, int endAngle);曲 线的绘制也是与一个相应的矩形有关,即其左上角的位置与宽和高都是相应矩形的属性。StartAntle是从横向的X开始计算的,所以0度指向的是东而不 是北。曲线的绘制是从StartAngle到endAngle以逆时针方向执行。gc.drawArc(5,5,90,45,90,200);所绘制的图 形如下:
GC.setLineStyle(int style);可以设置所绘制曲线的样式,下面列出了一些曲线样式常量(在org.eclipse.swt.SWT中定义)和与之对应的曲线的图像:
GC.setLineWidth(int width);可以用于指定所要绘制的曲线的宽度。缺省情况下的曲线宽度为1个像素。
由于直线的样式和宽度挥作用到所有的绘图操作上,所以我们可以作出如点矩形或粗线椭圆这样的图形:
3.7 绘制文本
文本可以被绘制在一个GC上, 字形是用GC的前景色和字体来绘制的,并且它所占用的区域是用GC背景色绘制的。要绘制文本,你需要定义要绘制文本的左上角,宽度和高度。有两组方法可以 用来绘制文本,第一组方法的名字里都带有一个Text,并将会处理直线定界符和制表符。第二组API方法集的名字里都带有String,它们没有制表符或 回车的处理,并主要用于控制像Eclipse的Java编辑器StyledText这样复杂的Control。
GC.drawText(String text, int x, int y);
Font font = new Font(display,"Arial",14,SWT.BOLD | SWT.ITALIC);
// ...
gc.drawText("Hello World",5,5);
gc.setForeground(display.getSystemColor(SWT.COLOR_BLUE));
gc.setFont(font); gc.drawText("Hello\tThere\nWide\tWorld",5,25);
// ...
font.dispose();
drawText API将控制字符\t处理为制表符,将\n处理为回车符。
GC.drawString(String text, int x, int y);
Font font = new Font(display,"Arial",14,SWT.BOLD | SWT.ITALIC); // ...
gc.drawString("Hello World",5,5);
gc.setForeground(display.getSystemColor(SWT.COLOR_BLUE));
gc.setFont(font);
gc.drawString("Hello\tThere\nWide\tWorld",5,25); // ...
font.dispose()
当使用drawString时,制表符和回车符将不会被处理。
在一个GC上绘制字符的时候,一个字符串所占用的大小取决于它的内容以及GC的字体。想要确定一个字符串在被绘制之后所占用的区域可以使用方法: GC.stringExtent(String text), 或 GC.textExtent(String text)。这两个方法都返回一个Point类,这个Point的X和Y是渲染参数字符串所需要的宽和高。
3.8 图形填充
直线是用GC前景色绘制的,而图形的填充用的是GC的背景色。
GC.fillPolygon(int[]);
gc.setBackground(display.getSystemColor(SWT.COLOR_BLUE)); gc.fillPolygon(new int[] { 25,5,45,45,5,45 })
GC.fillRectangle(int x, int y, int width, int height);
gc.fillRectangle(5,5,90,45);
需要注意的是,当一个矩形被填充的时候,右面和下面的边缘是不被包括在内的。
GC.fillRoundedRectangle(int x, int y, int width, int height, int arcWidth, int arcHeight);
gc.fillRoundRectangle(5,5,90,45,25,15);
像GC.fillRectangle(...)方法一样,右面和下面的边缘不被包含在内,于是右下角的坐标为(94,49)而不是(95,50)。
GC.fillOval(int x, int y, int width, int height);
gc.fillOval(5,5,90,45);
GC.fillArc(int x, int y, int widt4h., int height, int startAngle, int endAngle);gc.fillArc(5,5,90,45,90,200);
fillArc()的参数和drawArc()的参数是类似的,偏移量是从右面的轴开始填充,然后沿逆时针方向旋转给定的角度(endAngle-startAngle)。
GC.fillGradientRectangle(int x, int y, int width. int height, vertical boolean);
这个方法让我们可以指定图形在填充时所用的颜色可以从GC的前景色按梯度变化(渐变)到背景色。梯度既可以是横向的也可以是纵向的。
gc.setBackgrouind(display,getSystemColor(SWT.COLOR_BLUE)); gc.fillGradientRectangle(5,5,90,45,false);
上面两条语句建立了一个使用黑色背景的从左至右的横向梯度填充。和其他填充方法一样,左面和下面的边缘不被包括在内,所以由下角的位置缩小一个像素。
gc.setBackground(display.getSystemColor(SWT.COLOR_BLUE)); gc.setForeground(display.getSystemColor(SWT.COLOR_CYAN)); gc.fillGradientRectangle(5,5,90,45,true);
上面这3行代码的含义为在纵向自顶向下用前cyan(景色)开始,并以蓝色(背景色)结束的填充。
3.9 异或(XOR)
如果你设置了GC的XOR模式为true的话,将会发生如下情况:对于每一个像素点,原来被显示的红,绿,蓝的值将被已存在的红,绿,蓝色进行异或操作,所得结果既作为新的目标像素。
shell.setBackground(display.getSystemColor(SWT.COLOR_WHITE));
// ...
gc.setBackground(display.getSystemColor(SWT.COLOR_BLUE)); gc.fillRectangle(5,5,90,45);
gc.setXORMode(true);
gc.setBackground(display.getSystemColor(SWT.COLOR_WHITE)); gc.fillRectangle(20,20,50,50);
gc.setBackground(display.getSystemColor(SWT.COLOR_RED));
gc.fillOval(80,20,50,50);
3.10 绘制图像(Draw Image)
类org.eclipse.swt.graphics.Image被用来表示准备要在像打印机,显示器这样的设备上显示的图形。建立一个图像最简单的方法就是从组织好的文件格式中装载它。SWT所支持的图像格式有:GIF,BMP,JGP,PNG和TIFF。
Image image = new Image(display,"C:/eclipse_lg.gif"); GC.drawImage(Image image, int x, int y);
每幅图像都有用其边界决定的尺寸。例如,图象eclipse_lg.gif的大小为115*164,我们可以通过image.getBounds()方法来进行设定。当一幅图像被绘制的时候,它将会以自身定义的边界作为显示之后的宽和高。gc.drawImage(image,5,5);
至此,SWT在2D绘图方面的讲解告一段落,上面所提到的内容涵盖了SWT的大部分绘图功能,并在每个部分都给出了要注意的细节。至于具体实现就要靠各位的聪明才智了。下面让我们进入最后的部分-SWT的3D绘图。
4 SWT与OpenGL编程
相较于Java3D API来说,SWT以前在3D图形绘制方面一直没有什么好的表现。OpenGL的加入会不会使SWT在3D领域有所作为还尚未可知,不过起码IBM的程序 员们给了SWT机会。当大家了解了这个正处于试验阶段的组合之后,我们在SWT上绘制3D图形就不再是噩梦。
OpenGL是一个为创建高性能2D,3D图形而设计的多平台的标准。其硬件和软件的实现存在于多个系统之中,包括Windows,Linux和 MacOS。OpenGL可以用于渲染简单的2D图形或复杂的3D游戏图形(OpenGL最主要的应用领域就是游戏)。作为一个正在处于事件阶段的 Eclipse插件,我将在下面的小节中介绍如何在SWT窗口组件上用SWT绘制图形。在Eclipse最新的3.2版中,对OpenGL的支持被集成到 org.eclipse.swt项目中,所以我们在实现的时候即可以选择以插件方式进行,也可以直接利用已经集成好的组件来进行图形操作。在本节,我们将 以插件方式为例对代码进行说明。
4.1 SWT OpenGL插件
SWT实现了OpenGL1.1全部功能。包括三个核心类和一个数据类。核心类为GLContext,GL和GLU。GLContext架起了 SWT和OpenGL之间的桥接。一个Context必须用Drawable,通常是用Canvas来创建,OpenGL可以在Drawable上渲染场 景。需要注意的是,当context不再被使用的时候就应该将它释放掉。同样,一旦某个context被释放掉之后,就不应该再次试图去渲染它。每次 Drawable改变大小的时候,context都需要通过调用其resize方法在通知这一事件。这个方法的调用让context调整自己的view port和视图参数。在下一节中将描述一个处理这一部分任务的类。
当context可用的时候,我们就可以通过定义在GL和GLU的一系列方法调用来绘制场景。一个GL类大概有超过330条命令。在GL和GLU中 定义的这些函数和他们的Native实现几乎是一一对应的。下图给出了一个绘制矩形的例子,我们可以看到用C写成的API和SWT OpenGL API是何其相似:
4.2 SWT OpenGL编程基础
在下面的小节中,我将描述一个显示四幅3D图像的应用程序。应用程序采用了GLSense,这是一个用于显示OpenGL场景的工具类。它和SWT 的Canvas很像,所区别的是它所展现的内容是用OpenGL命令渲染的,而不是使用GC来绘制。要做到这一点,我们需要将一个GLContext类和 一个SWT Canvas相关联,并且无论何时,当前上下文中的内容都应该是由在drawScene中定义的命令来渲染的。
在构造函数中,一个SWT Canvas被创建出来。这就是那个要和一个GLContext相关联的Canvas实例。紧接着,这个Canvas又注册了两个监听器。第一个监听器的 作用是确保这个Canvas无论何时被改变大小,其相应的GLContex也会收到通知并适当的改变大小。第二个监听器主要用于确保一旦Canvas被释 放之后,其相对应的GLContext的也同时被释放。为了确保渲染区域是一个非零大小的区域,父组件的客户矩形区被取出来用于设置该Canvas的初始 大小。这个初始大小可以在稍后用布局管理器或用户Action来修改。
GLScene将Canvas的全部区域用于绘图。无论Canvas何时调整其尺寸,我们都要获取客户区并将新的宽度和高度传递给Contex,而context将根据新的宽度和高度适当的调整视图。
XML error: The image is not displayed because the width is greater than the maximum of 572 pixels. Please decrease the image width.
XML error: The image is not displayed because the width is greater than the maximum of 572 pixels. Please decrease the image width.
GLScene被分割为两个部分:初始化Context和初始化OpenGL的状态机。对于Context来说,我们只是简单的建立一个新的 GLContext并使它成为当前被使用的Context。OpenGL的渲染总是在当前的context上进行绘制,因此如果你有超过一个活动的 GLScene,很重要的一点是要在所有绘制动作发生之前将它的Context设置为当前的Context。initGL方法最开始提供清除颜色缓存颜 色,随后建立了一个深度缓存(depth buffer).第47行指出了深度值如何进行比较。这一比较函数主要用于拒绝或接受正在引用的像素。GL.GL_LEQUAL选项指定接受那些在视图上 更接近或有相同距离的像素。第48行启动了深度测试(depth test),紧接的一行设定阴影模型为GL.GL_SMOOTH,这一设定的效果是如果表面上的两个顶点颜色不同的话,系统将对颜色进行插值。最后,第 50行要求渲染引擎在计算颜色和纹理协调插值运算的时候起到关键的作用。
XML error: The image is not displayed because the width is greater than the maximum of 572 pixels. Please decrease the image width.
GLScene类的最后两个方法用于处理重绘和场景绘制。当场景何时需要重绘的时候,第一个方法为其他类提供重绘操作的接口。第二个方法主要用于让 继承GLScene的子类覆写。其缺省实现只是简单的清除了颜色和深度缓存,通过装在鉴别矩阵(identify matrix)重新恢复调整系统。
4.3 3D Chart
利用上一节的准备,我们已经将主应用程序进行了划分。这个图像显示了4组数据。每一组数据都是由相同的固定点所组成,每个点都是从0.0到10.0之间的一个正值。
示例程序运行在一个非常简单的Eclipse view上,唯一值得注意的是Refresher,这个线程将强迫OpenGL场景被周期性的重绘。通过这种方法,当视图被移动或旋转的时候, component总能进行有效的更新渲染效果。run()方法调用的时间间隔为100毫秒,所以理论上的图像速度能达到每秒10帧。
每个数据集合的点的值是用圆柱体来表示的。通过执行3个GLU调用,我们就能够绘制圆柱体:其中的两个用于渲染圆柱体两头的圆盘部分,另外一个用于渲染圆柱体的四周。例如,要渲染两个单元高的圆柱体,你可以用下面的代码来实现:
第一行申请了绘制圆盘和圆柱所需的二次曲面。然后整个场景被逆时针旋转了90度,以便圆柱体可以被垂直绘制。下一步,底部的圆盘被渲染,然后是圆柱 体的四周。在我们能够绘制顶部圆盘的时候,通过场景转换(scene translation),我们可以在Z轴移动两个单元。最后一个圆盘随后被绘制出来,调整系统通过向回移动两个单元来进行恢复。最后,由第一行申请的二 次曲面被释放掉。
按照上述方法运行程序是很费时间的。当仅绘制一个圆柱体的时候,效率低下不是一个很严重的问题,但如果要绘制成百个对象的话就会严重影响程序的执行性能。对于这种情况,OpenGL给出了一个解决这个问题的技巧,就是使用显示列表(display list)。
一个显示列表是一组已编译的OpenGL命令。定义命令集合的列表被放在glNewList(int list, int mode) 和 glEndList()方法调用之间。第一个参数必须是一个正整数,可以用来唯一的表示一个被创建的显示列表。你可以让GL用glGenLists (int n)方法为你生成多个列表标识符。第二个参数用于指定列表是否被编译或编译之后立即被执行。大多数情况下你都需要编译这个列表。然后,你可以使用 glCallList(int list)方法来显示整个列表。
5 结束语
至此,有关于SWT与OpenGL图形有关的粗略功能就介绍完了,有鉴于3D图形对象和OpenGL的复杂性,一篇这样篇幅的文章肯定不能覆盖其每 一个角落,我只能给各位一个动手尝试机会。希望整篇专题没有让你枯燥得睡着,并因此有了一个不错的SWT的基础,我的目的就达到了。
级别: 初级
2006 年 9 月 28 日
Java 世界的人似乎一直都对 Java 的桌面应用程序十分不满,从 AWT 到 SWING,从默认的 Theme到第三方的产品,不是太难看(AWT)就是在某些平台有 BUG(SWING,Quaqua--一个Windows平台下的仿Mac的主题包),再不就是对中文支持不好(某些第三方 LookAndFeel)。于是,如果想要获得和本机平台一致的用户界面和比较稳定的性能,SWT就成了一个不可忽视的选择。SWT 是一个独立于平台的,可以脱离 Eclipse 框架单独使用的图形组件,用JNI技术提供与本机系统同样的用户界面组件的观感,较好的运行效率,稳定的平台表现。
当然,虽然这个专题名叫"全接触",但毕竟不可能面面俱到,在一篇文章中兼收并蓄SWT的全部内容也不现实。但不管怎么说,我都将尽力展示SWT的使用细节,希望能为那些对SWT感兴趣的人提供一些帮助。
1.SWT简介
SWT-"Standard Widget Toolkit",它是一个Java平台下开放源码的Native GUI组件库,也是Eclipse平台的UI组件之一。从功能上来说,SWT与AWT/SWING是基本等价的。SWT以方便有效的方式提供了便携式的 (即Write Once,Run Away)带有本地操作系统观感的UI组件:
由于widget系统的固有复杂性以及平台之间微妙的差异,即使在理想情况下,能够达到工业标准的跨平台的widget类库也是很难编写和维护的。 最早的AWT组件现在被认为是样貌丑陋的,而且存在很多问题;SWING组件虽然也是缺点多多,但是随着JDK版本的不断升高,它仍在不断进行着改进。我 认为,SWT在功能上与AWT/SWING不相伯仲,但是组件更为丰富,平台表现稳定,BUG也相对较少。如果你的应用程序真的需要在多个平台上运行,需 要更为美观的界面,又不那么依赖于其他基于AWT/SWING的图形库,那么SWT或许是一个比AWT/SWING更好的选择。
2. SWT起步
2.1 SWT的HelloWorld
一如介绍其他程序的起始,我们都需要来一个HelloWorld来帮助我们入门,SWT的HelloWorld如下:
import org.eclipse.swt.widgets.*;public class HelloWorld { public static void main(String[] args) { Display display = new Display(); Shell shell = new Shell(display); shell.setText("Hello World"); shell.setSize(200, 100); shell.open(); while (!shell.isDisposed()) { if (!display.readAndDispatch()) display.sleep (); } display.dispose (); }}
运行这个程序就会得到如下结果:
下面我讲逐一介绍这个程序所包含的内容。
Display
这是一个顶层容器组件,类似于Container或Component的功能,它主要负责与底层的窗口系统之间的连接。在具体含义上,它代表"屏幕"。
一个Display可以包含多个Shell(也是容器组件,下面会介绍到)。
通常情况下,一个应用程序只含一个Display,即Display通常是一个单例组件(Singleton)。
Shell
它表示位于"屏幕"上面的"窗口",是Composite组件和Control组件构成的组件树的根。
在我们的HelloWorld程序中,我们可以设置标题(setText()),设置大小(setSize()),然后通过open()方法来显示这个窗口。怎么样,感觉很像JFrame吧?其实功能上差不多。
Composite
可以包含其它Composite和Control的容器
Control
这是一个重量级(HeavyWeight)系统对象。像按钮(Button),标签(Label),表格,工具栏和树形结构这些组件都是Control的子类,Conposite和Shell也不例外。
2.1.1 消息循环
我们可以看到,上面的代码中有这样的语句:
while (!shell.isDisposed()) { if (!display.readAndDispatch()) display.sleep ();}
如果你像我一样是由Java语言起步的,那么你会对这个消息循环的代码感到比较陌生,毕竟在SWING中我们主要利用事件驱动模型而不这样利用类似 于Windows程序设计中的消息循环的方法来处理事件。但是这段代码意义还算简单明了,就是反复的读取和分派(dispatch)事件,并在没有事件的 时候把控制权还给CPU。
2.1.2 资源的释放
最后一条语句是display.dispose ();,这告诉我们操作系统的资源是由程序员显示释放的。资源的释放遵循以下两条规则:
1. 如果你创建了某个资源,那么你就有责任释放它。
2. 释放父组件资源的同时也释放了其子组件的资源。
2.1.3 标准构造函数
窗口组件被创建的时候必须伴随一个他的上层组件,例如,我要建立一个按钮就可以采用如下方法:Button button = new Button(shell, SWT.PUSH);
其中,Button的父组件Shell是必不可少的,这样就限定了我们生成组件的顺序。
第二个参数被称为"Style Bit",表示了这个组件的显示特性,每种特性占一位,如下例所示:
Text test=new Text(group, SWT.SINGLE|SWT.BORDER);
这条代码生成了一个单一的,有边框的文本框。这显然又与习惯了JavaBeans模型,总是用setXXX()来设置属性的我们不太适应--毕竟是IBM的东西啊,秉承了其产品不易上手的传统。
2.1.4 错误与异常
SWTError指的是不能修复的错误,以及一些操作系统错误。
SWTException指的是一些可恢复的错误以及无效的线程访问之类的错误。
IllegalArgumentException指可修复的错误或参数为null之类的错误。
2.1.5 Item
Item类是一个轻量级的系统对象,总是作为基本的单位元素与其他一些类配合使用。比如Tree中的元素即为TreeItem,Table的单位元素则是TableItem,而MenuItem就是Menu的基本单位元素了。
2.1.6 SWT的类阶层体系结构
最后让我们来整体认识一下整个SWT窗口组件的层次结构,如下所示: 以上的部分给我们以整体的认识,即一个SWT引用程序应该怎么创建,其基本的运行规则和相关类的体系结构。我想我就不用再对每一个控件的API或使用方面费唇舌了,熟悉这些东西是体力劳动,而网上有很多例子可供参考。下面一节我将详细介绍有关SWT布局的相关知识。
2.2 SWT的布局管理
相信对于组件的布局(Layout)大家都不会太陌生,它的存在就是提供给我们一种可以在组件位置移动或更改大小时重新绘制组件的机制。设置组件的布局我们可以采用Composite.setLayout()方法来实现。
每种布局都有其相应的数据(Layout Data),可以通过Control.setLayoutData()方法来进行关联。以下是一些布局类及其显示效果:
1、FillLayout:让所有子组件等大小的"填满"整个面板空间。
FillLayout是最简单的一个布局类,它将所有窗口组件放置到一行或一列中,并强制他们的大小也相等。FillLayout不能外覆(wrap), 也不能定制边框和距离。很显然这样的限制让这个布局类最适合作类似于计算器面板的布局,或者为Taskbar和Toolbar上面的按钮作布局使用。
2、RowLayout:类似于AWT中的FlowLayout,让所有组件按行排列,一行排不下就放到下一行。
RowLayout比FillLayout用得更广泛一些,原因很简单,就是RowLayout支持FillLayout所部支持的功能,例如能够外覆, 能够修改边框和间距等等。另外,每一个位于RowLayout中的窗口组件都可以通过设定一个RowData类来指定其在RowLayout中的宽度和高 度。
3、GridLayout: GridLayout是3个标准布局类中最有用的,但同时也是最复杂的--没办法,强大的功能必定伴随着一定程度的复杂性。通过GridLayout,一 个Composite的子窗口组件被放置在一个网格(Grid)之中。GridLayout有很多配置字段,并且和RowLayout一样,每一个布局于 其中的窗口组件都可以有一个与之相关联的布局数据类,称为GridData。GridLayout的强大功能是通过对于每一个窗口组件的GridData 的灵活控制来实现的。
鉴于GridLayout的复杂性(原本我就怀疑它根本就不是为手工书写代码而设计的),我并不建议各位直接手动书写GridData,最好借助可视化的 工具(如VI)来帮助我们完成用GridLayout进行的界面设计。这样我们只需要书写少量控制代码,就可以获得复杂的界面布局了。
4、FormLayout:如图所示
5、StackLayout:几乎完全等同于CardLayout的功能。
在SWT中,位置和大小的变化并非自动发生的。应用程序既可以在Composite子类的构造函数中指定初始位置和大小,也可以在一个改变窗口大小的监听器中用布局类来定位和改变Composite子类的大小。
下面的一幅图包含了我们将要讨论的有关布局的大部分细节。一个Composite类的可显示区域分为三个部分,分别是Location, clientArea和trim。Composite的大小就是clientArea和trim的区域之和。一个布局类(Layout)的主要功能就是管 理Composite子组件的大小和位置。通过布局类,我们可以管理子组件之间的距离-即间距(Spaceing),子组件与布局边缘之间的距离-即边距 (margin)。布局的大小同时也是Composite的clientArea的大小。
至此,关于SWT的基础部分就告一段落,希望能够给大家以一个对于SWT的总体认识。下面的部分将主要介绍SWT的弱项-绘图。JGraph的一个 作者就表达了对SWT/JFace/Draw2D的不满,认为SWT在执行效率上并没有什么改善,而且缺乏一些有用的API实现。话虽如此,但SWT的基 本绘图功能还是不错的,如果有足够的时间和耐心的话还是可以绘出想要的图形的。下面就让我们看看SWT如何绘制2D和3D图形。
3. 用SWT绘制2D图形
用SWT绘图通常由两种方法,一种是借助Graphics Context,另一种是利用Draw2D。然而Draw2D是一个基于SWT Composite的轻量级组件,于是在效率上,它无法体现出SWT的Native Code的速度优势。故其虽然强大,但仅适用于绘图工作不是系统瓶颈的应用程序。所以我在这里只介绍第一种方法。
3.1 Graphics Context
我们可以在任何实现了org.eclipse.swt.graphics.Drawable接口的类上绘制图形,这包括一个控件,一幅图像,一个显 示设备或一个打印设备。类org.eclipse.swt.graphics.GC是一个封装了所有可执行的绘图操作的图形上下文(Graphics Context)。两种使用GC的方式我们已经在本节前言中提过,稍后会作详细说明。
3.2 在一幅图像上绘制图形
下面一段代码创建了一个带有图像的GC并在上面绘制了两条线:
Image image = new Image(display,"C:/music.gif");
GC gc = new GC(image);
Rectangle bounds = image.getBounds();
gc.drawLine(0,0,bounds.width,bounds.height);
gc.drawLine(0,bounds.height,bounds.width,0);
gc.dispose();
image.dispose();
一旦你创建了一个GC,你就有责任通过它的dispose方法释放它的资源。一个由应用程序创建的GC需要立即被绘制,然后尽快释放掉。这是因为每个GC都需要一个底层的系统资源,而在某些操作系统中这些资源是稀缺的,像Win98就只允许同时创建五个GC对象。
3.3 在Control上绘图
类org.eclipse.swt.widgets.Control是可绘制的,所以你可以用像在图像上一样的方式来绘制图形。而和在图像上绘制所 不同的是,如果你使用GC在一个Control上绘制图形,你需要知道当操作系统自身要绘制这个control的时候,它将覆盖掉你的改动。所以在一个 Control上绘制图形的正确方法是加入其绘制事件的监听器。监听器类为org.eclipse.swt.events.PaintListener, 其回调函数的参数是一个org.eclipse.swt.events.PaintEvent类的实例。这个PaintEvent实例中包含一个GC的引 用,你可以向这个GC发送消息。下面的代码示例说明了如何建立这种类型的绘图:
Shell shell = new Shell(display);
shell.addPaintListener(new PaintListener()
{
public void paintControl(PaintEvent e)
{
Rectangle clientArea = shell.getClientArea();
e.gc.drawLine(0,0,clientArea.width,clientArea.height);
}
});
shell.setSize(150,150)
3.4 剪切(Clipping)
GC的剪切域是可见绘图发生的部分。在缺省情况下,一个GC是一个被构造的可视部分边界。改变一个GC的剪切域可以让我们构造出各种图形效果。其中 的一个例子是如果你想填充一个缺失了边缘的矩形。一种方法是绘制多边形矩形来组成所需要的图形,另一种方法就是剪切GC,然后对其剪切部分进行填充。
shell.addPaintListener(new PaintListener()
{
public void paintControl(PaintEvent e)
{
Rectangle clientArea = shell.getClientArea();
int width = clientArea.width;
int height = clientArea.height;
e.gc.setClipping(20,20,width - 40, height - 40);
e.gc.setBackground(display.getSystemColor(SWT.COLOR_CYAN));
e.gc.fillPolygon(new int[] {0,0,width,0,width/2,height});
}
});
这段代码在Shell上的显示的过程效果如下:
3.5 画板(Canvas)
虽然任何Control都可以通过自身的paintEvent来绘制图形,但其子类org.eclipse.swt.widgets.Canvas 是专门被设计用来进行图形操作的特殊的绘图类。我们既可以使用一个Canvas,再加入一个绘图监听器来实现绘图,也可以通过继承来建立一个可重用的自定 义Control。Canvas有很多style bit,可以在绘图发生时产生作用。
3.6 绘制直线和图形
我们有很多方法可以在一个GC上画线,包括在两点之间,一系列离散的点之间或一个预定义的图形上都可以。直线是以GC的前景色来绘制的,我们可以通 过GC绘制拥有不同厚度的各式直线。对于一个Paint事件,GC有着与Control组件一样的属性,即激发事件且缺省的直线样式固定为1个像素宽。
GC.drawLine(int x1, int y1, int x2, int y2);这条语句在可绘制的面板上的两点间花了一条直线,起始点为(x1,y1),终止点为(x2,y2)。终止点包含在画好的直线中。如果起始点等于终 止点的话,将会有一个独立的象素点被绘制出来。
GC.drawPolyline(int[] pointArray);这条语句绘制了一系列互相连接的线段,作为参数的数组用于描述点的位置。语句gc.drawPolyline(new int[] { 25,5,45,45,5,45 });绘制了如下的图形:
GC.drawPolygon(int[] pointArray);与drawPolyline(int[])是类似的,唯一区别在于最后一个点和低一个点是连接的。gc.drawPolygon (new int[] { 25,5,45,45,5,45 });将会获得与上图一样的结果。
GC.drawRectangle(int x, int y, int width, int height);这条语句从左上角的(X,Y)点,用参数中的宽和高画出了一个矩形。gc.drawRectangle(5,5,90,45);将会绘制出如下图形:
GC.drawRoundedRectangle(int x,int y,int width,int height,int arcWidth,int arcHeight);一 个圆矩形与标准矩形的区别就在于其四个角是圆的。圆矩形的每一个角都可以被想象成为1/4个椭圆,并且arcWidth和arcHeight由完整的椭圆 的宽和高决定。gc.drawRoundedRectangle(5,5,90,45,25,15);绘制了一个左上角位置为
5.5的圆矩形,右边的图形 是放大后的效果:
GC.drawOval(int x, int y, int width, int height);一个椭圆是由其相对应的矩形的左上角的位置(x,y)来确定绘制位置的,其宽和高即为对应矩形的宽和高。对于圆形来说,只需要另宽和高相等即可。
GC.drawArc(int x, int y, int width, int height, int startAngle, int endAngle);曲 线的绘制也是与一个相应的矩形有关,即其左上角的位置与宽和高都是相应矩形的属性。StartAntle是从横向的X开始计算的,所以0度指向的是东而不 是北。曲线的绘制是从StartAngle到endAngle以逆时针方向执行。gc.drawArc(5,5,90,45,90,200);所绘制的图 形如下:
GC.setLineStyle(int style);可以设置所绘制曲线的样式,下面列出了一些曲线样式常量(在org.eclipse.swt.SWT中定义)和与之对应的曲线的图像:
GC.setLineWidth(int width);可以用于指定所要绘制的曲线的宽度。缺省情况下的曲线宽度为1个像素。
由于直线的样式和宽度挥作用到所有的绘图操作上,所以我们可以作出如点矩形或粗线椭圆这样的图形:
3.7 绘制文本
文本可以被绘制在一个GC上, 字形是用GC的前景色和字体来绘制的,并且它所占用的区域是用GC背景色绘制的。要绘制文本,你需要定义要绘制文本的左上角,宽度和高度。有两组方法可以 用来绘制文本,第一组方法的名字里都带有一个Text,并将会处理直线定界符和制表符。第二组API方法集的名字里都带有String,它们没有制表符或 回车的处理,并主要用于控制像Eclipse的Java编辑器StyledText这样复杂的Control。
GC.drawText(String text, int x, int y);
Font font = new Font(display,"Arial",14,SWT.BOLD | SWT.ITALIC);
// ...
gc.drawText("Hello World",5,5);
gc.setForeground(display.getSystemColor(SWT.COLOR_BLUE));
gc.setFont(font); gc.drawText("Hello\tThere\nWide\tWorld",5,25);
// ...
font.dispose();
drawText API将控制字符\t处理为制表符,将\n处理为回车符。
GC.drawString(String text, int x, int y);
Font font = new Font(display,"Arial",14,SWT.BOLD | SWT.ITALIC); // ...
gc.drawString("Hello World",5,5);
gc.setForeground(display.getSystemColor(SWT.COLOR_BLUE));
gc.setFont(font);
gc.drawString("Hello\tThere\nWide\tWorld",5,25); // ...
font.dispose()
当使用drawString时,制表符和回车符将不会被处理。
在一个GC上绘制字符的时候,一个字符串所占用的大小取决于它的内容以及GC的字体。想要确定一个字符串在被绘制之后所占用的区域可以使用方法: GC.stringExtent(String text), 或 GC.textExtent(String text)。这两个方法都返回一个Point类,这个Point的X和Y是渲染参数字符串所需要的宽和高。
3.8 图形填充
直线是用GC前景色绘制的,而图形的填充用的是GC的背景色。
GC.fillPolygon(int[]);
gc.setBackground(display.getSystemColor(SWT.COLOR_BLUE)); gc.fillPolygon(new int[] { 25,5,45,45,5,45 })
GC.fillRectangle(int x, int y, int width, int height);
gc.fillRectangle(5,5,90,45);
需要注意的是,当一个矩形被填充的时候,右面和下面的边缘是不被包括在内的。
GC.fillRoundedRectangle(int x, int y, int width, int height, int arcWidth, int arcHeight);
gc.fillRoundRectangle(5,5,90,45,25,15);
像GC.fillRectangle(...)方法一样,右面和下面的边缘不被包含在内,于是右下角的坐标为(94,49)而不是(95,50)。
GC.fillOval(int x, int y, int width, int height);
gc.fillOval(5,5,90,45);
GC.fillArc(int x, int y, int widt4h., int height, int startAngle, int endAngle);gc.fillArc(5,5,90,45,90,200);
fillArc()的参数和drawArc()的参数是类似的,偏移量是从右面的轴开始填充,然后沿逆时针方向旋转给定的角度(endAngle-startAngle)。
GC.fillGradientRectangle(int x, int y, int width. int height, vertical boolean);
这个方法让我们可以指定图形在填充时所用的颜色可以从GC的前景色按梯度变化(渐变)到背景色。梯度既可以是横向的也可以是纵向的。
gc.setBackgrouind(display,getSystemColor(SWT.COLOR_BLUE)); gc.fillGradientRectangle(5,5,90,45,false);
上面两条语句建立了一个使用黑色背景的从左至右的横向梯度填充。和其他填充方法一样,左面和下面的边缘不被包括在内,所以由下角的位置缩小一个像素。
gc.setBackground(display.getSystemColor(SWT.COLOR_BLUE)); gc.setForeground(display.getSystemColor(SWT.COLOR_CYAN)); gc.fillGradientRectangle(5,5,90,45,true);
上面这3行代码的含义为在纵向自顶向下用前cyan(景色)开始,并以蓝色(背景色)结束的填充。
3.9 异或(XOR)
如果你设置了GC的XOR模式为true的话,将会发生如下情况:对于每一个像素点,原来被显示的红,绿,蓝的值将被已存在的红,绿,蓝色进行异或操作,所得结果既作为新的目标像素。
shell.setBackground(display.getSystemColor(SWT.COLOR_WHITE));
// ...
gc.setBackground(display.getSystemColor(SWT.COLOR_BLUE)); gc.fillRectangle(5,5,90,45);
gc.setXORMode(true);
gc.setBackground(display.getSystemColor(SWT.COLOR_WHITE)); gc.fillRectangle(20,20,50,50);
gc.setBackground(display.getSystemColor(SWT.COLOR_RED));
gc.fillOval(80,20,50,50);
3.10 绘制图像(Draw Image)
类org.eclipse.swt.graphics.Image被用来表示准备要在像打印机,显示器这样的设备上显示的图形。建立一个图像最简单的方法就是从组织好的文件格式中装载它。SWT所支持的图像格式有:GIF,BMP,JGP,PNG和TIFF。
Image image = new Image(display,"C:/eclipse_lg.gif"); GC.drawImage(Image image, int x, int y);
每幅图像都有用其边界决定的尺寸。例如,图象eclipse_lg.gif的大小为115*164,我们可以通过image.getBounds()方法来进行设定。当一幅图像被绘制的时候,它将会以自身定义的边界作为显示之后的宽和高。gc.drawImage(image,5,5);
至此,SWT在2D绘图方面的讲解告一段落,上面所提到的内容涵盖了SWT的大部分绘图功能,并在每个部分都给出了要注意的细节。至于具体实现就要靠各位的聪明才智了。下面让我们进入最后的部分-SWT的3D绘图。
4 SWT与OpenGL编程
相较于Java3D API来说,SWT以前在3D图形绘制方面一直没有什么好的表现。OpenGL的加入会不会使SWT在3D领域有所作为还尚未可知,不过起码IBM的程序 员们给了SWT机会。当大家了解了这个正处于试验阶段的组合之后,我们在SWT上绘制3D图形就不再是噩梦。
OpenGL是一个为创建高性能2D,3D图形而设计的多平台的标准。其硬件和软件的实现存在于多个系统之中,包括Windows,Linux和 MacOS。OpenGL可以用于渲染简单的2D图形或复杂的3D游戏图形(OpenGL最主要的应用领域就是游戏)。作为一个正在处于事件阶段的 Eclipse插件,我将在下面的小节中介绍如何在SWT窗口组件上用SWT绘制图形。在Eclipse最新的3.2版中,对OpenGL的支持被集成到 org.eclipse.swt项目中,所以我们在实现的时候即可以选择以插件方式进行,也可以直接利用已经集成好的组件来进行图形操作。在本节,我们将 以插件方式为例对代码进行说明。
4.1 SWT OpenGL插件
SWT实现了OpenGL1.1全部功能。包括三个核心类和一个数据类。核心类为GLContext,GL和GLU。GLContext架起了 SWT和OpenGL之间的桥接。一个Context必须用Drawable,通常是用Canvas来创建,OpenGL可以在Drawable上渲染场 景。需要注意的是,当context不再被使用的时候就应该将它释放掉。同样,一旦某个context被释放掉之后,就不应该再次试图去渲染它。每次 Drawable改变大小的时候,context都需要通过调用其resize方法在通知这一事件。这个方法的调用让context调整自己的view port和视图参数。在下一节中将描述一个处理这一部分任务的类。
当context可用的时候,我们就可以通过定义在GL和GLU的一系列方法调用来绘制场景。一个GL类大概有超过330条命令。在GL和GLU中 定义的这些函数和他们的Native实现几乎是一一对应的。下图给出了一个绘制矩形的例子,我们可以看到用C写成的API和SWT OpenGL API是何其相似:
4.2 SWT OpenGL编程基础
在下面的小节中,我将描述一个显示四幅3D图像的应用程序。应用程序采用了GLSense,这是一个用于显示OpenGL场景的工具类。它和SWT 的Canvas很像,所区别的是它所展现的内容是用OpenGL命令渲染的,而不是使用GC来绘制。要做到这一点,我们需要将一个GLContext类和 一个SWT Canvas相关联,并且无论何时,当前上下文中的内容都应该是由在drawScene中定义的命令来渲染的。
在构造函数中,一个SWT Canvas被创建出来。这就是那个要和一个GLContext相关联的Canvas实例。紧接着,这个Canvas又注册了两个监听器。第一个监听器的 作用是确保这个Canvas无论何时被改变大小,其相应的GLContex也会收到通知并适当的改变大小。第二个监听器主要用于确保一旦Canvas被释 放之后,其相对应的GLContext的也同时被释放。为了确保渲染区域是一个非零大小的区域,父组件的客户矩形区被取出来用于设置该Canvas的初始 大小。这个初始大小可以在稍后用布局管理器或用户Action来修改。
GLScene将Canvas的全部区域用于绘图。无论Canvas何时调整其尺寸,我们都要获取客户区并将新的宽度和高度传递给Contex,而context将根据新的宽度和高度适当的调整视图。
XML error: The image is not displayed because the width is greater than the maximum of 572 pixels. Please decrease the image width.
XML error: The image is not displayed because the width is greater than the maximum of 572 pixels. Please decrease the image width.
GLScene被分割为两个部分:初始化Context和初始化OpenGL的状态机。对于Context来说,我们只是简单的建立一个新的 GLContext并使它成为当前被使用的Context。OpenGL的渲染总是在当前的context上进行绘制,因此如果你有超过一个活动的 GLScene,很重要的一点是要在所有绘制动作发生之前将它的Context设置为当前的Context。initGL方法最开始提供清除颜色缓存颜 色,随后建立了一个深度缓存(depth buffer).第47行指出了深度值如何进行比较。这一比较函数主要用于拒绝或接受正在引用的像素。GL.GL_LEQUAL选项指定接受那些在视图上 更接近或有相同距离的像素。第48行启动了深度测试(depth test),紧接的一行设定阴影模型为GL.GL_SMOOTH,这一设定的效果是如果表面上的两个顶点颜色不同的话,系统将对颜色进行插值。最后,第 50行要求渲染引擎在计算颜色和纹理协调插值运算的时候起到关键的作用。
XML error: The image is not displayed because the width is greater than the maximum of 572 pixels. Please decrease the image width.
GLScene类的最后两个方法用于处理重绘和场景绘制。当场景何时需要重绘的时候,第一个方法为其他类提供重绘操作的接口。第二个方法主要用于让 继承GLScene的子类覆写。其缺省实现只是简单的清除了颜色和深度缓存,通过装在鉴别矩阵(identify matrix)重新恢复调整系统。
4.3 3D Chart
利用上一节的准备,我们已经将主应用程序进行了划分。这个图像显示了4组数据。每一组数据都是由相同的固定点所组成,每个点都是从0.0到10.0之间的一个正值。
示例程序运行在一个非常简单的Eclipse view上,唯一值得注意的是Refresher,这个线程将强迫OpenGL场景被周期性的重绘。通过这种方法,当视图被移动或旋转的时候, component总能进行有效的更新渲染效果。run()方法调用的时间间隔为100毫秒,所以理论上的图像速度能达到每秒10帧。
每个数据集合的点的值是用圆柱体来表示的。通过执行3个GLU调用,我们就能够绘制圆柱体:其中的两个用于渲染圆柱体两头的圆盘部分,另外一个用于渲染圆柱体的四周。例如,要渲染两个单元高的圆柱体,你可以用下面的代码来实现:
第一行申请了绘制圆盘和圆柱所需的二次曲面。然后整个场景被逆时针旋转了90度,以便圆柱体可以被垂直绘制。下一步,底部的圆盘被渲染,然后是圆柱 体的四周。在我们能够绘制顶部圆盘的时候,通过场景转换(scene translation),我们可以在Z轴移动两个单元。最后一个圆盘随后被绘制出来,调整系统通过向回移动两个单元来进行恢复。最后,由第一行申请的二 次曲面被释放掉。
按照上述方法运行程序是很费时间的。当仅绘制一个圆柱体的时候,效率低下不是一个很严重的问题,但如果要绘制成百个对象的话就会严重影响程序的执行性能。对于这种情况,OpenGL给出了一个解决这个问题的技巧,就是使用显示列表(display list)。
一个显示列表是一组已编译的OpenGL命令。定义命令集合的列表被放在glNewList(int list, int mode) 和 glEndList()方法调用之间。第一个参数必须是一个正整数,可以用来唯一的表示一个被创建的显示列表。你可以让GL用glGenLists (int n)方法为你生成多个列表标识符。第二个参数用于指定列表是否被编译或编译之后立即被执行。大多数情况下你都需要编译这个列表。然后,你可以使用 glCallList(int list)方法来显示整个列表。
5 结束语
至此,有关于SWT与OpenGL图形有关的粗略功能就介绍完了,有鉴于3D图形对象和OpenGL的复杂性,一篇这样篇幅的文章肯定不能覆盖其每 一个角落,我只能给各位一个动手尝试机会。希望整篇专题没有让你枯燥得睡着,并因此有了一个不错的SWT的基础,我的目的就达到了。
评论
1 楼
Wallian_hua
2008-06-25
我本来是不想说话的. 但是看到好贴子. 我不得不说一个好字.. 为什么这么好的贴子没有人顶呢.. 我往死里顶啊........这贴子实在太棒了.,..
发表评论
-
基于 JFace Text Framework 构建全功能代码编辑器: 第 7 部分:
2009-05-17 16:18 1076https://www.ibm.com/developerwo ... -
基于 JFace Text Framework 构建全功能代码编辑器: 第 6 部分:Text Ho
2009-05-17 16:17 1302https://www.ibm.com/developerwo ... -
基于 JFace Text Framework 构建全功能代码编辑器: 第 5 部分:
2009-05-14 17:32 1220https://www.ibm.com/developerwo ... -
基于 JFace Text Framework 构建全功能代码编辑器: 第 4 部分
2009-05-14 17:31 1534Content Assistant developerWor ... -
基于 JFace Text Framework 构建全功能代码编辑器: 第 3 部分
2009-05-14 17:30 1303Double Click 和 Triple Click de ... -
实战SWT布局
2008-12-08 00:55 1425标准的SWT布局类 FillLayou ... -
SWT布局
2008-12-08 00:53 1149另外参见:http://java.chinaitlab.com ... -
基于 JFace Text Framework 构建全功能代码编辑器: 第 2 部分
2008-11-19 18:12 1222Syntax Highlight developerWork ... -
基于 JFace Text Framework 构建全功能代码编辑器: 第 1 部分
2008-11-19 18:11 1211级别: 中级 马 若劼 (maruojie@cn.ibm.c ... -
SWT 和 JFace, 第 2 部分: 简介
2008-11-19 18:06 1156http://www.ibm.com/developerwor ... -
SWT 和 JFace,第 1 部分: 简介
2008-11-19 18:04 1193http://www.ibm.com/developerwor ... -
基于 JFace Text Framework 构建全功能代码编辑器: 第 8 部分:
2008-11-19 03:54 0https://www.ibm.com/developerwo ... -
基于 JFace Text Framework 构建全功能代码编辑器: 第 10 部分:Text F
2008-11-19 03:50 0https://www.ibm.com/developerwo ... -
基于 JFace Text Framework 构建全功能代码编辑器: 第 11 部分:
2008-11-19 03:48 0https://www.ibm.com/developerwo ... -
基于 JFace Text Framework 构建全功能代码编辑器: 第 9 部分:Templa
2008-11-19 03:23 0基于 JFace Text Framework 构 ... -
JFace Text Editor完全掌握之终极指南
2008-06-13 01:57 1913JFace Text Editor是JFace里面一个功能强大 ... -
JFace 视图
2008-06-13 01:49 1165http://blog.itpub.net/post/5050 ... -
SWT的体系结构
2008-06-13 01:18 1247http://flyingbug.blogdriver.com ... -
细说:AWT,SWT,Swing
2008-06-13 00:42 2018http://www.java3z.com/cwbwebhom ... -
SWT的--键盘事件处理
2008-06-12 21:51 2347http://203.208.37.104/search?q= ...
相关推荐
### Java图形界面开发:SWT全接触 #### SWT简介 **SWT**(Standard Widget Toolkit)是由Eclipse基金会开发的一套用于构建Java图形用户界面(GUI)的应用程序接口(API)。与传统的Java图形界面开发工具包如AWT...
在"SWT全接触,提供全部的组件测试小程序"的压缩包中,`swtTest`很可能是包含了一系列用SWT编写的测试程序,这些小程序可能展示了SWT各个组件的功能和用法,是学习和掌握SWT的好资源。通过运行和分析这些测试程序,...
swt 全接触时swt应用时的帮助文档,当你对某个组件不会应用,或不懂得时候可以查询,是你学习图形界面的好帮手
薛 笛, 研究生,黑龙江大学信息技术研究所 他写的SWT综述
根据给定的信息,本文将详细介绍SWT(Standard Widget Toolkit)的相关知识点,包括其背景、特点、与AWT/Swing的对比以及如何开始使用SWT。 ### SWT简介 SWT(Standard Widget Toolkit)是一个开放源码的原生GUI...
### SWT-全接触 IBM #### 1. SWT简介 SWT (Standard Widget Toolkit) 是一个开源的、跨平台的本地GUI组件库,最初是作为Eclipse IDE的一部分开发出来的,但随着时间的发展,它已经逐渐成为一个独立的图形用户界面...
于是,如果想要获得和本机平台一致的用户界面和比较稳定的性能,SWT就成了一个不可忽视的选择。SWT 是一个独立于平台的,可以脱离 Eclipse 框架单独使用的图形组件,用JNI技术提供与本机系统同样的用户界面组件的...
`SWT_全接触.pdf` 可能是一本全面介绍SWT的教程,涵盖了SWT的基本组件、布局管理、事件处理、拖放操作、打印支持等内容。通过学习这本书,开发者可以深入理解SWT的各种控件,如按钮、文本框、表格、树视图等,以及...
### C# 深入浅出全接触 #### 一、C# 的概念与起源 C# 是一种由微软公司研发的现代化编程语言,它基于 C 和 C++ 的语法基础,融合了现代软件工程的最佳实践和技术特点。由于 C# 是微软的产品,它不仅拥有 C++ 的...