使用Eclipse RCP进行桌面程序开发(五):2D绘图

转载 2007年10月08日 16:10:00

看完这篇文章,可以实现如下界面:
rcp32.JPG

rcp33.JPG


当我第一次看到RCP的时候,我就梦想着有一天能够用它开发界面华丽的2D和3D程序,经历过前面的探索,今天终于可以揭开2D绘图的神秘面纱。在包资源管理器的插件依赖项中,我们一眼就可以看到org.eclipse.swt.graphics包,毫无疑问,和2D绘图有关的类就在这个包中。还有一个org.eclipse.swt.opengl包也很引人注目,但是里面却只有GLCanvas类和GLData类,怎么也找不到传说中的GL类和GLU类,也许下一篇文章我会写出关于3D的内容,但也许这个计划会夭折。

我刚开始发现org.eclipse.swt.graphics包的时候,要使用包里面的类却不是那么容易。比如,从名称上可以看出Image类是处理图像的,但是它的构造函数无一例外都需要一个Device参数,于是,我迷惑了,Device,我该如何取得?再比如,GC类里面含有各种绘图的方法,但是GC的构造函数需要Drawable参数,那Drawable我又该如何获得呢?

于是,我在网上搜索关于SWT 2D方面的内容,终于,让我看到了别人这样构造Image和GC:
Image img = new Image(display,"pic.gif");
GC gc = new GC(Image);
你能看出什么?为什么display是Device的子类?为什么Image是Drawabe的子类?最简单的办法,使用Eclipse的类层次结构视图查看:

rcp31.JPG

高,实在是高,在这里我不得不佩服SWT的设计者,在一开始,他们就把所有的控件都设计为可绘制的,而且使用Device来抽象绘图的设备。从图中可以看出,所有的控件都实现Drawable接口,Image也实现Drawable接口,而Device的子类Display和Printer刚好分别代表了屏幕和打印机。所有的谜团都在这里解决了,我们可以使用任何控件作为GC构造函数的参数来构造GC,然后绘图,而所有需要Device参数的地方,我们可以根据我们需要输出的设备是显示器还是打印机而分别选择Display或Printer。

在org.eclipse.swt.widgets包中,有一个Canvas类,不难看出,如果我们要绘图,这个控件是最佳选择了。在下面的代码中,我们可以通过选择不同的菜单,分别绘制椭圆,矩形,填充渐变色的矩形和一个图像,运行效果就是文章开头的图片。

视图CanvasView.java

 1 package  cn.blogjava.youxia.views;
 2
 3 import  org.eclipse.swt.widgets.Composite;
 4 import  org.eclipse.ui.part.ViewPart;
 5 import  org.eclipse.swt.widgets.Canvas;
 6 import  org.eclipse.swt.SWT;
 7 import  org.eclipse.swt.events. * ;
 8 import  org.eclipse.swt.graphics.Image;
 9 import  org.eclipse.ui.PlatformUI;
10
11 public   class  CanvasView  extends  ViewPart  {
12
13      public  Canvas canvas;
14     @Override
15      public   void  createPartControl(Composite parent)  {
16          //  TODO 自动生成方法存根
17         canvas  =   new  Canvas(parent,SWT.NONE);
18             }

19
20     @Override
21      public   void  setFocus()  {
22          //  TODO 自动生成方法存根
23
24     }

25
26 }

27

菜单项绘制椭圆DrawOvalAction.java的关键部分:

 1 public   void  run(IAction action)  {
 2          //  TODO 自动生成方法存根
 3         IViewReference[] vfs  =  window.getActivePage().getViewReferences();
 4         IViewPart vw;
 5          for ( int  i = 0 ; i < vfs.length; i ++ ) {
 6              vw  =  vfs[i].getView( false );
 7               if (vw.getTitle().equals( " 画图板 " )) {
 8                      GC gc  =   new  GC(((CanvasView)vw).canvas);
 9                      gc.drawOval( 80 50 100 100 );
10                      gc.dispose();
11              }

12         }

13     }

菜单项绘制矩形DrawRectAction.java的关键部分:

 1 public   void  run(IAction action)  {
 2          //  TODO 自动生成方法存根
 3         IViewReference[] vfs  =  window.getActivePage().getViewReferences();
 4         IViewPart vw;
 5          for ( int  i = 0 ; i < vfs.length; i ++ ) {
 6              vw  =  vfs[i].getView( false );
 7               if (vw.getTitle().equals( " 画图板 " )) {
 8                      GC gc  =   new  GC(((CanvasView)vw).canvas);
 9                      gc.drawRectangle( 280 50 100 100 );
10                      gc.dispose();
11              }

12         }

13
14     }

菜单项绘制渐变矩形DrawGradientAction.java的关键部分:

 1 public   void  run(IAction action)  {
 2          //  TODO 自动生成方法存根
 3         IViewReference[] vfs  =  window.getActivePage().getViewReferences();
 4         IViewPart vw;
 5          for ( int  i = 0 ; i < vfs.length; i ++ ) {
 6              vw  =  vfs[i].getView( false );
 7               if (vw.getTitle().equals( " 画图板 " )) {
 8                      GC gc  =   new  GC(((CanvasView)vw).canvas);
 9                      gc.setBackground(window.getShell().getDisplay().getSystemColor(SWT.COLOR_BLUE));
10                      gc.fillGradientRectangle( 80 , 200 , 100 , 100 , false ); 
11
12                      gc.dispose();
13              }

14         }

15
16     }

菜单项绘制图像DrawImageAction.java的关键部分:

 1 public   void  run(IAction action)  {
 2          //  TODO 自动生成方法存根
 3         IViewReference[] vfs  =  window.getActivePage().getViewReferences();
 4         IViewPart vw;
 5          for ( int  i = 0 ; i < vfs.length; i ++ ) {
 6              vw  =  vfs[i].getView( false );
 7               if (vw.getTitle().equals( " 画图板 " )) {
 8                      GC gc  =   new  GC(((CanvasView)vw).canvas);
 9                      Image img  =   new  Image(window.getShell().getDisplay(), " E://img.gif " );
10                      gc.drawImage(img,  280 200 );
11                      gc.dispose();
12              }

13         }

14
15     }


上面的方法虽然实现了绘图,但是还有一个问题,就是一旦我们的窗口最小化或者被别的窗口遮挡后,图形就会消失。原因其实很简单,一旦我们的窗口最小化或者被别的窗口遮挡后,控件就需要重画,所以我们画的图形就不见了,如果要让控件重画的时候也能绘制图形,就应该使用canvas.addPaintListener()为控件添加Paint事件的监听器。示例代码见下。

 1 package  cn.blogjava.youxia.views;
 2
 3 import  org.eclipse.swt.widgets.Composite;
 4 import  org.eclipse.ui.part.ViewPart;
 5 import  org.eclipse.swt.widgets.Canvas;
 6 import  org.eclipse.swt.SWT;
 7 import  org.eclipse.swt.events. * ;
 8 import  org.eclipse.swt.graphics.Image;
 9 import  org.eclipse.ui.PlatformUI;
10
11 public   class  CanvasView  extends  ViewPart  {
12
13      public  Canvas canvas;
14     @Override
15      public   void  createPartControl(Composite parent)  {
16          //  TODO 自动生成方法存根
17         canvas  =   new  Canvas(parent,SWT.NONE);
18         canvas.addPaintListener( new  PaintListener()  {
19              public   void  paintControl(PaintEvent e)  {
20                  // 画椭圆
21                 e.gc.drawOval( 80 50 100 100 );
22                  // 画矩形
23                 e.gc.drawRectangle( 280 50 100 100 );
24                  // 画渐变矩形
25                 e.gc.setBackground(PlatformUI.getWorkbench().getDisplay().getSystemColor(SWT.COLOR_BLUE));
26                  e.gc.fillGradientRectangle( 80 , 200 , 100 , 100 , false );
27                   // 画图形
28                  Image img  =   new  Image(PlatformUI.getWorkbench().getDisplay(), " E://img.gif " );
29                  e.gc.drawImage(img,  280 200 );
30
31         }

32         }
);
33     }

34
35     @Override
36      public   void  setFocus()  {
37          //  TODO 自动生成方法存根
38
39     }

40
41 }

42

GC类的绘图方法很多,而且可以设置不同的前景色,背景色,画笔,画刷等等,还可以裁减图形,这些就靠我们慢慢探索了。

 

使用Eclipse RCP进行桌面程序开发

所谓RCP,就是Rich Client Platform的缩写,即富客户平台,是Eclipse进化的产物(自3.0版以后出现),是Eclipse组织向用户提供的强大的开放性开发平台,能够使用户方便地创...
  • xxyy888
  • xxyy888
  • 2013年07月10日 11:50
  • 992

Eclipse RCP开发桌面程序

KentySky 站在巨人的肩上,希望自己也可以长高一点!!! 博客园   首页   博问   闪存   新随笔   联系   订阅  管理 随笔-251  评论-86  文...
  • sinat_18366705
  • sinat_18366705
  • 2016年05月10日 12:02
  • 1825

使用Eclipse RCP进行桌面程序开发(五):2D绘图

看完这篇文章,可以实现如下界面: 当我第一次看到RCP的时候,我就梦想着有一天能够用它开发界面华丽的2D和3D程序,经历过前面的探索,今天终于可以揭开2D绘图的神秘面纱。在包资源管理器的插件...
  • key_0423
  • key_0423
  • 2013年07月26日 16:24
  • 518

使用Eclipse RCP进行桌面程序开发(五):2D绘图

看完这篇文章,可以实现如下界面: 当我第一次看到RCP的时候,我就梦想着有一天能够用它开发界面华丽的2D和3D程序,经历过前面的探索,今天终于可以揭开2D绘图的神秘面纱。在包资源...
  • liushuo_whu
  • liushuo_whu
  • 2014年11月06日 21:00
  • 1250

使用Eclipse RCP进行桌面程序开发(一):快速起步

转载自:http://www.blogjava.net/youxia/archive/2006/11/17/81852.html 所谓RCP,就是Rich Client Platform的缩写,...
  • key_0423
  • key_0423
  • 2013年07月26日 16:19
  • 862

使用Eclipse RCP进行桌面程序开发(三):视图和透视图

使用Eclipse RCP进行桌面程序开发(一):快速起步  使用Eclipse RCP进行桌面程序开发(二):菜单、工具栏和对话框  Eclipse RCP开发中,和用户进行交互最多的界面,...
  • key_0423
  • key_0423
  • 2013年07月26日 16:21
  • 1065

Eclipse RCP开发桌面程序

Eclipse RCP开发桌面程序 拥抱Eclipse RCP 使用Eclipse RCP进行桌面程序开发(六):向OpenGL进军      摘要: 我相信,在未来的几年里,E...
  • whfsk
  • whfsk
  • 2017年02月14日 11:43
  • 77

Eclipse RCP开发桌面程序

Eclipse RCP开发桌面程序 转自:http://www.cnblogs.com/kentyshang/archive/2007/08/02/840027.html 所谓RCP,就是Ric...
  • vvv11222
  • vvv11222
  • 2015年04月16日 16:20
  • 581

使用Eclipse RCP进行桌面程序开发(六):向OpenGL进军

看完这一篇,我们应该可以使用OpenGL绘制如下图的场景了。该场景是一个旋转的三菱锥矩阵,下面是旋转到不同方位的截图: 我整整花了一个星期的时间来研究SWT中的OpenGL,...
  • key_0423
  • key_0423
  • 2013年07月26日 16:26
  • 399

eclipse rcp 打包出适合不同操作系统和操作位数.

1、查看自己eclipse的版本信息。点击菜单中的“Help”--->About Eclipse SDK,查看当前eclipse版本信息 2、在官网http://www.eclips...
  • luoww1
  • luoww1
  • 2013年03月15日 15:12
  • 1860
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用Eclipse RCP进行桌面程序开发(五):2D绘图
举报原因:
原因补充:

(最多只允许输入30个字)