1. 什么是SWT/ Swing設(shè)計器？

SWT/ Swing設(shè)計器是一個Java GUI設(shè)計器，這使得它非常容易創(chuàng)建Java GUI應(yīng)用程序而無需花費(fèi)大量時間來編寫顯示簡單形式的代碼。您可以使用WYSIWYG可視化設(shè)計器在幾分鐘之內(nèi)創(chuàng)建復(fù)雜的視窗，同時生成Java代碼。您也可以使用拖放操作來輕松地添加控件、添加事件處理程序到控件中、改變使用控件編輯器的各種屬性、國際化您的應(yīng)用程序等等。生成的代碼并不需要額外的自定義庫來編譯和運(yùn)行，并且SWT能反向工程處理大部分手寫的Java GUI代碼。

該編輯器是由以下幾部分組成：

• Design View——主視覺布局區(qū)域。
• Source View——編寫代碼并查看生成的代碼。
• Structure View——構(gòu)成Component Tree和Property Pane。
  • Component Tree——顯示所有組件之間的層次關(guān)系。
  • Property Pane——顯示所選組件的屬性和事件。
• Palette——提供快速訪問工具包的特定部分。
• Toolbar——提供訪問常用的命令。
• Context Menu——提供訪問常用的命令。

該編輯器還具有以下主要特點：

• 雙向代碼生成——讀取和寫入幾乎任何格式和反向工程處理大部分手寫代碼。
• 國際化（i18n）/本地化——外部化組件串，創(chuàng)建和管理資源包。
• 自定義Composites & Panels——創(chuàng)建自定義可重用的組件。
• Factories——創(chuàng)建自定義的factory類和方法。
• 可視化繼承——創(chuàng)建可視化組件的層次結(jié)構(gòu)。
• 事件處理——添加事件處理程序的組件。
• 菜單編輯——直觀地創(chuàng)建和編輯菜單欄、菜單項和彈出的菜單。
• 變形——將一個組件的類型轉(zhuǎn)換為另一個。

Swing設(shè)計器包含了必要的創(chuàng)建窗口、表單和其他UI元素的工具。

2. 創(chuàng)建一個UI元素

使用SWT/ Swing設(shè)計器為項目的一部分創(chuàng)建一個新的UI元素類。選擇File>New>Other，然后展開WindowBuilder并在眾多組件中選擇一個，通過向?qū)Ю^續(xù)完成元素的細(xì)節(jié)。

在您完成向?qū)Р?chuàng)建完成UI元素之后，Swing設(shè)計器打開并允許您在設(shè)計元素時使用設(shè)計視圖或源視圖。

2.1 選擇布局管理器

在編寫Java應(yīng)用程序時，您可能想使用布局來具體看看窗口。布局控件的位置和大小都在容器中。布局類是布局抽象類的子類。SWT和Swing提供了幾個標(biāo)準(zhǔn)的布局類，您可以編寫自定義布局類。其他UI工具包嵌入在每個面板類型的隱含布局管理器中。

在Java中，位置和尺寸不會自動產(chǎn)生。應(yīng)用程序可以決定尺寸和放置的最初容器，或者調(diào)整的監(jiān)聽器。另一種選擇是指定一個布局類來定位和尺寸大小。如果沒有大小，那么他們?yōu)榱悴⑶也荒鼙豢匆姟?/p>

布局管理器設(shè)置尺寸和位置是基于各種因素的，例如：

• 布局管理器的布局規(guī)則
• 布局管理器的屬性設(shè)置
• 布局?jǐn)?shù)據(jù)關(guān)聯(lián)的各個組件
• 容器的大小

每種布局管理器都具有各自的性能優(yōu)勢和缺點。基于網(wǎng)格的布局和基于約束的布局時最有用和強(qiáng)大的標(biāo)準(zhǔn)布局，但它們也最為復(fù)雜。當(dāng)使用設(shè)計視圖時，您可以根據(jù)自身需求來改變布局。該工具可以根據(jù)需求來調(diào)整正在運(yùn)行的代碼。改變布局可以通過添加布局管理器容器的源代碼，或者在設(shè)計面板上使用組件面板的布局工具來選擇一個復(fù)合布局。

3. 設(shè)計視圖

設(shè)計視圖是虛擬畫板。您可以添加或刪除組件、編輯布局屬性、直接編輯標(biāo)簽以及查看您的整體設(shè)計的演變。

在設(shè)計視圖中選擇組件使其能顯示在屬性視圖中，并且您可以編輯其屬性。這也可以為組件選擇手柄。對于一些布局管理器和同類控件的布局屬性來說，選擇手柄可以讓您更改選定控件布局的性能。在設(shè)計視圖中改變的所有屬性也會在屬性視圖中有相應(yīng)的變化。根據(jù)生效的布局管理器，行和列標(biāo)題可能在首部區(qū)域中可見。

右鍵單擊一個組件來從組件樹中訪問相同的上下文菜單。您可以在調(diào)色板中選擇它們來添加組件，然后按Delete鍵將其刪除。

3.1 選擇組件

在調(diào)色板中使用工具選擇一個或多個部件。按住Shift或Ctrl鍵可選擇多個部件。

在調(diào)色板中使用橡皮圈選框工具選擇多個部件。按住Alt鍵并拖動到自動啟動選框工具。

3.2 編輯組件文本

有編輯按鈕（包括復(fù)選和單選按鈕）、標(biāo)簽、文本域、組和表列文本屬性的快捷方式。首先在設(shè)計視圖中選擇組件，然后按空格鍵來顯示一個編輯框，在其中可以設(shè)置組件的文本屬性。

3.3 移動組件

當(dāng)您在設(shè)計視圖中移動組件時，布局管理器會提供一種特有的拖動反饋。在像x,y導(dǎo)向一樣布局的絕對布局中，live組件被顯示使用工具提示移動出其當(dāng)前位置。提供動態(tài)捕捉/對齊點來方便配合其他組件或窗口余量的組件。

在網(wǎng)格化布局中，不同的反饋取決于單元格指針的結(jié)束。如果一個指針定位在一個開放的單元格上，單元格突出顯示為綠色并且指針顯示為一個綠色的對勾。如果指針被防止在一個行或列的邊界上，那么行或列邊界高亮顯示為黃色，指示一個新的行或列將被插入。如果指針定位在一個填充的單元格上，該區(qū)域以紅色突出顯示，同時指針顯示為一個紅色的負(fù)號。

3.4 調(diào)整組件

當(dāng)您在設(shè)計視圖中調(diào)整組件時，尺寸反饋提供的是專用的布局管理器。在一個像x,y導(dǎo)向一樣布局的絕對布局中，輪廓新的尺寸使用工具能顯示出當(dāng)前的大小。提供動態(tài)捕捉/對齊點來方便配合其他組件或窗口余量的組件。調(diào)整組件時還捕捉到調(diào)整組件參數(shù)的首選大小，或者在同一個parent的其他成分（垂直或水平）的尺寸。

在網(wǎng)格布局中，調(diào)整組件使其跨越了多個行和列。在調(diào)整操作期間，單元格中被占據(jù)的組件會顯示為綠色。