使用windowbuilder插件開發圖形界面

先介紹一下JFrame與Frame視窗上的差別：

  JFrame視窗是自帶預設有一個Panel容器的，Frame視窗則是沒有的，它們預設的布局都是邊界布局。

JFrame預設的是邊界布局，JPanel預設的是流式布局。

  要使用JFrame視窗自帶的容器或讓容器不顯示之類的操作都得先使用getContentPane();來得到容器後才能對這個容器進行操作。例如設定視窗的背景顔色(使容器不顯示)：

<a href="https://s3.51cto.com/oss/201710/26/5149c830e18902f5f27fef13e626477c.png" target="_blank"></a>

運作效果：

<a href="https://s2.51cto.com/oss/201710/26/6c5f4ac25c7a246d4d5b6c550ccdecd2.png" target="_blank"></a>

菜單欄對象、菜單項與菜單子項：

<a href="https://s4.51cto.com/oss/201710/26/2e6b4eea540ea1826f15c35e71d2d6b9.png" target="_blank"></a>

在視窗最上面的這一排選項就是菜單欄，想在視窗上添加菜單欄，首先使用菜單欄類JMenuBar建構出菜單欄對象，才能往裡面添加其他元件。

  建構出對象後，再使用JMenu菜單項類建構出菜單項對象，然後使用菜單欄對象通路add();方法把建構出來的菜單項對象添加上去。接着使用視窗對象通路setJMenuBar();方法把菜單欄對象設定一下。代碼示例：

<a href="https://s5.51cto.com/oss/201710/26/993b5b62fed9405df7cebf4b4a88042d.png" target="_blank"></a>

<a href="https://s4.51cto.com/oss/201710/26/1ceab80d60ceb284d94e8f484a1b7cfb.png" target="_blank"></a>

菜單項裡還可以添加菜單擴充項和菜單子項，菜單項的菜單擴充項裡還可以再加菜單子項。菜單擴充項其實就是菜單項裡的菜單項，新建構一個菜單項後再添加進一個菜單項裡就是擴充項了。

  JMenuItem是菜單子項類，先使用這個類建構出菜單子項對象就可以将這個對象添加進菜單項裡了。代碼示例：

<a href="https://s4.51cto.com/oss/201710/26/69b92e0eb38ce68cce8587bfd258f7d8.png" target="_blank"></a>

<a href="https://s3.51cto.com/oss/201710/26/54288b05ffb3ef12ddf3578e6d90705e.png" target="_blank"></a>

<a href="https://s1.51cto.com/oss/201710/26/31b60103865f387084a8749f52a22ab9.png" target="_blank"></a>

安裝SWT插件：

  什麼是SWT？

SWT是IBM開發的一款使用在Eclipse上的圖形化開發的插件。

在以前SWT是需要收費的，需要激活才能使用。但是現在SWT已經被Google公司所收購，并更名為WindowBilder Pro，現在這款插件是免費的了，直接在Eclipse裡的安裝新軟體(Install New SoftWare)選項裡的界面添加進網址即可直接安裝使用。

安裝步驟：

1.打開Eclipse裡Help選項下的Install New SoftWare選項裡的界面：

<a href="https://s2.51cto.com/oss/201710/26/1d9bee8f42827b1d1b2bdb01cda226c3.png" target="_blank"></a>

<a href="https://s5.51cto.com/oss/201710/26/4f060351fcc8c3d3b614ee761c93ce90.png" target="_blank"></a>

3.等待計算需求與依賴性

<a href="https://s4.51cto.com/oss/201710/26/26026d530cca260af20a2b53debedd14.png" target="_blank"></a>

4.不用管，點選下一步：

<a href="https://s5.51cto.com/oss/201710/26/41da46b13217da882bb2a7a2eddcc1a3.png" target="_blank"></a>

5.選擇同意并點選Finish完成：

<a href="https://s2.51cto.com/oss/201710/26/8bb50c72aa80cf55f01f69f4216e409d.png" target="_blank"></a>

6.等待下載下傳安裝：

<a href="https://s4.51cto.com/oss/201710/26/5acc2e51a57b3cf5ca1eb4d5187881e8.png" target="_blank"></a>

安裝完成後重新開機Eclipse就可以使用這個插件進行圖形化開發了

   重新開機Eclipse後，選擇“File”—&gt;New—&gt;Project...—&gt;WindowBuilder—&gt;SWT Designer—&gt;SWT/JFace Project建立項目，例如我建得“FirstSS”，然後右擊所建項目，選擇“New”—&gt;Other...—&gt;WindowBuilder—&gt;Swing Designer或SWT Designer，選擇希望建立的窗體類。

<a href="https://s2.51cto.com/oss/201710/26/a197c118abe9723898548b4b10a2da2a.png" target="_blank"></a>

<a href="https://s1.51cto.com/oss/201710/26/57dba41193fd11b3f1cca4955445697c.png" target="_blank"></a>

<a href="https://s3.51cto.com/oss/201710/26/7dfb9a7a65b45c07cb3277e56c60c71e.png" target="_blank"></a>

點選Design進入插件界面：

<a href="https://s4.51cto.com/oss/201710/26/58486d3261ea53b747a31f4c48b3cdb5.png" target="_blank"></a>

  接下來就可以使用插件進行圖形化界面開發了，隻需要點選上面的元件添加到右邊的視窗裡即可，插件會自動生成代碼。

示例：

<a href="https://s4.51cto.com/oss/201710/26/c67e10d1b7dd31d7992729c4e4c3bbe2.png" target="_blank"></a>

這一欄是元件資訊隻需要将元件放上去即可

<a href="https://s4.51cto.com/oss/201710/26/af9e58a7fc5ab7bd40f68d941088ec6a.png" target="_blank"></a>

<a href="https://s1.51cto.com/oss/201710/26/65eca4ffdde492db6da71f1d66858768.png" target="_blank"></a>

本文轉自 ZeroOne01 51CTO部落格，原文連結：http://blog.51cto.com/zero01/1976488，如需轉載請自行聯系原作者