原文地址：http://www.cnblogs.com/bjzhanghao/archive/2005/02/09/103595.html
雞年第一天，首先向大家拜個年，恭祝新春快樂，萬事如意。一年之計在于春，你對新的一年有什么安排呢？好的，下面還是進入正題吧。
關于Java2D相信大家都不會陌生，它是基于AWT/Swing的二維圖形處理包， JDK附帶的示例程序向我們展示了Java2D十分強大的圖形處理能力。在Draw2D出現以前，SWT應用程序在這方面一直處于下風，而Draw2D這個SWT世界里的Java2D改變了這種形勢。
可能很多人還不十分了解GEF和Draw2D的關系：一些應用程序是只使用Draw2D，看起來卻和GEF應用程序具有相似的外觀。原因是什么，下面先簡單解釋一下：
GEF是具有標準MVC（Model-View-Control）結構的圖形編輯框架，其中Model由我們自己根據業務來設計，它要能夠提供某種模型改變通知的機制，用來把Model的變化告訴Control層；Control層由一些EditPart實現，EditPart是整個GEF的核心部件，關于EditPart的機制和功能將在以后的帖子里介紹；而View層（大多數情況下）就是我們這里要說的Draw2D了，其作用是把Model以圖形化的方式表現給使用者。
雖然GEF可以使用任何圖形包作為View層，但實際上GEF對Draw2D的依賴是很強的。舉例來說：雖然EditPart（org.eclipse.gef.EditPart）接口并不要求引入任何Draw2D的類，但我們最常使用的AbstractGraphicalEditPart類的createFigure()方法就需要返回IFigure類型。由于這個原因，在GEF的SDK中索性包含了Draw2D包就不奇怪了，同樣道理，只有先了解Draw2D才可能掌握GEF。
這樣，對于一開始提出的問題可以總結如下：Draw2D是基于SWT的圖形處理包，它適合用作GEF的View層。如果一個應用僅需要顯示圖形，只用Draw2D就夠了；若該應用的模型要求以圖形化的方式被編輯，那么最好使用GEF框架。
現在讓我們來看看Draw2D里都有些什么，請看下圖。
圖1 Draw2D的結構
Draw2D通過被稱為LightweightSystem（以下簡稱LWS）的部件與SWT中的某一個Canvas實例相連，這個Canvas在Draw2D應用程序里一般是應用程序的Shell，在GEF應用程序里更多是某個Editor的Control（createPartControl()方法中的參數），在界面上我們雖然看不到LWS的存在，但其他所有能看到的圖形都是放在它里面的，這些圖形按父子包含關系形成一個樹狀的層次結構。
LWS是Draw2D的核心部件，它包含三個主要組成部分：RootFigure是LWS中所有圖形的根，也就是說其他圖形都是直接或間接放在RootFigure里的；EventDispatcher把Canvas上的各種事件分派給RootFigure，這些事件最終會被分派給適當的圖形，請注意這個RootFigure和你應用程序中最頂層的IFigure不是同一個對象，前者是看不見的被LWS內部使用的，而后者通常會是一個可見的畫布，它是直接放在前者中的；UpdateManager用來重繪圖形，當Canvas被要求重繪時，LWS會調用它的performUpdate()方法。
LWS是連接SWT和Draw2D的橋梁，利用它，我們不僅可以輕松創建任意形狀的圖形（不僅僅限于矩形），同時能夠節省系統資源（因為是輕量級組件）。一個典型的純Draw2D應用程序代碼具有類似下面的結構：
//創建SWT的Canvas（Shell是Canvas的子類）
Shell shell = new Shell();
shell.open();
shell.setText("A Draw2d application");
//創建LightweightSystem，放在shell上
LightweightSystem lws = new LightweightSystem(shell);
//創建應用程序中的最頂層圖形
IFigure panel = new Figure();
panel.setLayoutManager(new FlowLayout());
//把這個圖形放置于LightweightSystem的RootFigure里
lws.setContents(panel);
//創建應用程序中的其他圖形，并放置于應用程序的頂層圖形中
panel.add();
while (!shell.isDisposed ()) {
if (!display.readAndDispatch ())
display.sleep ();
}
接下來說說圖形，Draw2D中的圖形全部都實現IFigure（org.eclipse.draw2d.IFigure）接口，這些圖形不僅僅是你看到的屏幕上的一塊形狀而已，除了控制圖形的尺寸位置以外，你還可以監聽圖形上的事件（鼠標事件、圖形結構改變等等，來自LWS的EventDispatcher）、設置鼠標指針形狀、讓圖形變透明、聚焦等等，每個圖形甚至還擁有自己的Tooltip，十分的靈活。
Draw2D提供了很多缺省圖形，最常見的有三類：1、形狀（Shape），如矩形、三角形、橢圓形等等；2、控件（Widget），如標簽、按鈕、滾動條等等；3、層（Layer），它們用來為放置于其中的圖形提供縮放、滾動等功能，在3.0版本的GEF中，還新增了GridLayer和GuideLayer用來實現"吸附到網格"功能。在以IFigure為根節點的類樹下有相當多的類，不過我個人感覺組織得有些混亂，幸好大部分情況下我們只用到其中常用的那一部分。
圖2 一個Draw2D應用程序
每個圖形都可以擁有一個邊框（Border），Draw2D所提供的邊框類型有GroupBoxBorder、TitleBarBorder、ImageBorder、ButtonBorder，以及可以組合兩種邊框的CompoundBorder等等，在Draw2D里還專門有一個Insets類用來表示邊框在圖形中所占的位置，它包含上下左右四個整型數值。
我們知道，一個圖形可以包含很多個子圖形，這些被包含的圖形在顯示的時候必須以某種方式被排列起來，負責這個任務的就是父圖形的LayoutManager。同樣的，Draw2D已經為我們提供了一系列可以直接使用的LayoutManager，如FlowLayout適合用于表格式的排列，XYLayout適合讓用戶在畫布上用鼠標隨意改變圖形的位置，等等。如果沒有適合我們應用的LayoutManager，可以自己定制。每個LayoutManager都包含某種算法，該算法將考慮與每個子圖形關聯的Constraint對象，計算得出子圖形最終的位置和大小。
圖形化應用程序的一個常見任務就是在兩個圖形之間做連接，想象一下UML類圖中的各種連接線，或者程序流程圖中表示數據流的線條，它們有著不同的外觀，有些連接線還要顯示名稱，而且最好能不交叉。利用Draw2D中的Router、Anchor和Locator，可以實現多種連接樣式，其中Router負責連接線的外觀和操作方式，最簡單的是設置Router為null（無Router），這樣會使用直線連接，其他連接方式包括折線、具有控制點的折線等等（見圖3），若想控制連接線不互相交叉也需要在Router中作文章。Anchor控制連接線端點在圖形上的位置，即"錨點"的位置，最易于使用的是ChopBoxAnchor，它先假設圖形中心為連接點，然后計算這條假想連線與圖形邊緣的交匯點作為實際的錨點，其他Anchor還有EllipseAnchor、LabelAnchor和XYAnchor等等；最后，Locator的作用是定位圖形，例如希望在連接線中點處以一個標簽顯示此連線的名稱/作用，就可以使用MidpointLocator來幫助定位這個標簽，其他Locator還有ArrowLocator用于定位可旋轉的修飾（Decoration，例如PolygonDecoration）、BendpointerLocator用于定位連接控制點、ConnectionEndpointLocator用于定位連接端點（通過指定uDistance和vDistance屬性的值可以設置以端點為原點的坐標）。
圖3 三種Router的外觀
此外，Draw2D在org.eclipse.draw2d.geometry包里提供了幾個很方便的類型，如Dimension、Rectangle、Insets、Point和PointList等等，這些類型既在Draw2D內部廣泛使用，也可以被開發人員用來簡化計算。例如Rectangle表示的是一個矩形區域，它提供getIntersection()方法能夠方便的計算該區域與另一矩形區域的重疊區域、getTransposed()方法可以得到長寬值交換后的矩形區域、scale()方法進行矩形的拉伸等等。在自己實現LayoutManager的時候，由于會涉及到比較復雜的幾何計算，所以更推薦使用這些類。
以上介紹了Draw2D提供的大部分功能，利用這些我們已經能夠畫出十分漂亮的圖形了。但對大多數實際應用來說這樣還遠遠不夠，我們還要能編輯它，并把對圖形的修改反映到模型里去。為了漂亮的完成這個艱巨任務，GEF絕對是不二之選。從下一次開始，我們將正式進入GEF的世界。
參考資料：