使用EclipseRCP進行桌面程序開發(fā)：2D繪圖

1、使用EclipseRCP進行桌面程序開發(fā)（五）：2D繪圖看完這篇文章，可以實現如下界面：繪圖RCP畫圖板X當我第一次看到RCP的時候，我就夢想著有一天能夠用它開發(fā)界面華麗的2D和3D程序，經歷過前面的探索，今天終于可以揭開2D繪圖的神秘面紗。在包資源管理器的插件依賴項中，我們一眼就可以看到org.eclipse.swt.graphics包，毫無疑問，和2D繪圖有關的類就在這個包中。還有一個org.eclipse.swt.opengl包也很引人注目，但是里面卻只有GLCanvas類和GLData類，怎么也找不到傳說中的GL類和GLU類，也許下一篇文章我會寫出關于3D的內容，但也許這個計劃會夭折。

2、我剛開始發(fā)現org.eclipse.swt.graphics包的時候，要使用包里面的類卻不是那么容易。比如，從名稱上可以看出Image類是處理圖像的，但是它的構造函數無一例外都需要一個Device參數，于是，我迷惑了，Device，我該如何取得？再比如，GC類里面含有各種繪圖的方法，但是GC的構造函數需要Drawable參數，那Drawable我又該如何獲得呢？于是，我在網上搜索關于SWT2D方面的內容，終于，讓我看到了別人這樣構造Image和GC：Imageimg=newImage(display,pic.gif);GCgc=newGC(Image);你能看出什么？為什么display是De

3、vice的子類？為什么Image是Drawabe的子類？最簡單的辦法，使用Eclipse的類層次結構視圖查看：.Fjtv:M命、龜資源管理器b辰次結構廉、閱件|口目1Drawable工作集：窗口工化集囤些也SO1DrawableEOControl0GDeviceDisplayFrintmirImageODrableinteiTL：=J._dispose_GC(int3GCDa)OinterrLiilLewJ-JZ(GZHata)高，實在是高，在這里我不得不佩服SWT的設計者，在一開始，他們就把所有的控件都設計為可繪制的，而且使用Device來抽象繪圖的設備。從圖中可以看出，所有的控件都實現Dr

4、awable接口，Image也實現Drawable接口，而Device的子類Display和Printer剛好分別代表了屏幕和打印機。所有的謎團都在這里解決了，我們可以使用任何控件作為GC構造函數的參數來構造GC,然后繪圖，而所有需要Device參數的地方，我們可以根據我們需要輸出的設備是顯示器還是打印機而分別選擇Display或Printer。在org.eclipse.swt.widgets包中，有一個Canvas類，不難看出，如果我們要繪圖，這個控件是最佳選擇了。在下面的代碼中，我們可以通過選擇不同的菜單，分別繪制橢圓，矩形，填充漸變色的矩形和一個圖像，運行效果就是文章開頭的圖片。視圖Ca

5、nvasView.javapackagecn.blogjava.youxia.views;2importorg.eclipse.swt.widgets.Composite;importorg.eclipse.ui.part.ViewPart;importorg.eclipse.swt.widgets.Canvas;importorg.eclipse.swt.SWT;importorg.eclipse.swt.events.*;importorg.eclipse.swt.graphics.Image;importorg.eclipse.ui.PlatformUI;3310111213141516

6、1718192021222324252627日田publicclassCanvasViewextendsViewPartIpublicCanvascanvas;Override白由publicvoidcreatePartControl(Compositeparent)/TODO自動生成方法存根canvas=newCanvas(parent,SWT.NONE);IOverride申由publicvoidsetFocus()/TODO自動生成方法存根II菜單項繪制橢圓DrawOvalAction.java的關鍵部分：1日田publicvoidrun(IActionaction)/TODO自動生成方

7、法存根IViewReferencevfs=window.getActivePage().getViewRefereIViewReferencevfs=window.getActivePage().getViewReferences();IViewPartvw;白由for(inti=0;ivfs.length;i+)vw=vfsi.getView(false);申由if(vw.getTitle().equals(”畫圖板”)GCgc=newGC(CanvasView)vw).canvas);gc.drawOval(80,50,100,100);gc.dispose();菜單項繪制矩形DrawRe

8、ctAction.java的關鍵部分：日田publicvoidrun(IActionaction)/TODO自動生成方法存根3IViewReferencevfs=window.getActivePage().getViewReferences();4IViewPartvw;5白由for(inti=0;ivfs.length;i+)6vw=vfsi.getView(false);7申由if(vw.getTitle().equals(畫圖板)GCgc=newGC(CanvasView)vw).canvas);gc.drawRectangle(280,50,100,100);gc.dispose()

9、;13菜單項繪制漸變矩形DrawGradientAction.java的關鍵部分：日田publicvoidrun(IActionaction)/TODO自動生成方法存根3IViewReferencevfs=window.getActivePage().getViewReferences();4IViewPartvw;5白由for(inti=0;ivfs.length;i+)6vw=vfsi.getView(false);7申由if(vw.getTitle().equals(”畫圖板)891GCgc=newGC(CanvasView)vw).canvas);gc.setBackground(wi

10、ndow.getShell().getDisplay().getSystemColor(SWT.COLOR_BLUE);10gc.fillGradientRectangle(80,200,100,100,false);11gc.dispose();TOC o 1-5 h z15菜單項繪制圖像DrawImageAction.java的關鍵部分日田publicvoidrun(IActionaction)/TODO自動生成方法存根3IViewReferencevfs=window.getActivePage().getViewReferences();4IViewPartvw;5白由for(inti

11、=0;ivfs.length;i+)6vw=vfsi.getView(false);7申由if(vw.getTitle().equals(”畫圖板)891GCgc=newGC(CanvasView)vw).canvas);Imageimg=newImage(window.getShell().getDisplay(),E:img.gif);gc.drawImage(img,280,200);gc.dispose();14上面的方法雖然實現了繪圖，但是還有一個問題，就是一旦我們的窗口最小化或者被別的窗口遮擋后，圖形就會消失。原因其實很簡單，一旦我們的窗口最小化或者被別的窗口遮擋后，控件就需要重畫

12、，所以我們畫的圖形就不見了，如果要讓控件重畫的時候也能繪制圖形，就應該使用canvas.addPaintListener()為控件添加Paint事件的監(jiān)聽器。示例代碼見下。packagecn.blogjava.youxia.views;23importorg.eclipse.swt.widgets.Composite;4importorg.eclipse.ui.part.ViewPart;5importorg.eclipse.swt.widgets.Canvas;6importorg.eclipse.swt.SWT;7importorg.eclipse.swt.events.*;8import

13、org.eclipse.swt.graphics.Image;9importorg.eclipse.ui.PlatformUI;1011日田publicclassCanvasViewextendsViewPart29e.gc.drawImage(img,280,200);12publicCanvascanvas;Override白由publicvoidcreatePartControl(Compositeparent)/TODO自動生成方法存根canvas=newCanvas(parent,SWT.NONE);申由canvas.addPaintListener(newPaintListener()申由publicvoidpaintControl(PaintEvente)/畫橢圓e.gc.drawOval(80,50,100,100);/畫矩形e.gc.drawRectangle(280,50,100,100);/畫漸變矩形25e.gc.setBackground(PlatformUI.getWorkbench().getDisplay().getSystemColor(SWT.COLOR_BLUE);e.gc.fillGradientRectangle(