用Eclipse，VE進行Java可視化介面設計

用Eclipse，VE進行Java可視化介面設計

作者：chinamao    郵箱：chinamao@gmail.com  轉載請註明出處 相關文章 
 

VE的安裝：

1，  有兩種方式，一種是用Eclipse裡的update方法。如文章；另外一種方法是將下載下來的VE解壓到Eclipse的安裝目錄中。

2， VE語言套件的安裝，大家可以到Eclipse VE的網站上下載語言套件，然後再解壓到Eclipse的安裝目錄下，重啟，如語言沒改變，請看相關文章。

3，在VE的安裝中要注意的是，安裝VE時必須同時安裝與Eclipse相應版本的GEF和EMF。
現在VE的最新版本是1.0，它增加了對SWT和Swing的支援；可視化編程和code之間的正確轉換；以及對Eclipse3.0.1的支援。所以我們在安裝VE時，也應該安裝GEF和EMF的3.0.1版本。

安裝確認和VE的配置：
視窗 -> 喜好設定 -> 選擇Java下的視覺編輯器 既可以看到以下VE的配置頁。
VE的配置有三個方面：1，外觀；2，代碼產生；3，模式樣式。
1）外觀： 配置VE啟動時的介面。如是否開啟屬性視圖、JavaBean視圖。以及Swing外觀設定，比如（Metal、CDE及Windows樣式。）
圖一：VE設定外觀

2）代碼產生：可設定是否為新運算式產生注釋；是否產生Try，catch塊。以及VE可視化設定與JavaBean代碼的同步時間延遲。
圖二：VE設定代碼產生 

3）模式樣式：圖三：

這些配置我們暫時都不用修改。

開始我們的WYSIWYG之旅

1，建立一個Java項目名稱為：VETest。
圖四：

2，建立一個Java類，選擇可視類
圖五：

3，配置Java可視類
在名稱中輸入MyJPanel，
在樣式中選擇Swing的面板。
並選擇main方法。點擊完成 Eclipse即會產生VE的視圖
圖六：

4，VE的視圖特點：
1） VE的組件，上面有Swing組件、Swing容器、Swing菜單、AWT控制項等。其下面就是設計和原始碼的交替更換，你可以用設計圖做好你的設計草圖，然後在原始碼中進行詳細的設計。
2）JavaBean視圖，你設計的每個組件及組件的Action均會顯示在此。
3）屬性：這裡和其他的可視化編輯器一樣，是對你選中的組件的各個屬性進行詳細的設定。
4）Alignment按鈕：在VE中，你進行設計時，只要將組件拖放到面板的大概位置，然後將可以用這個按鈕對組件的精確的位置、大小進行設定。
5）同步按鈕：如果你在代碼端編寫、修改大量的代碼，可以先將同步按鈕選擇暫停同步，這樣，你將可以在你大概編寫完代碼後再進行同步到視圖，要不每次要同步會大大增加Eclipse的工作量。
圖七：

5，拖放組件，畫出草圖。（待續）

相關文章