1. 什么是SWT/ Swing設計器？

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

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

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

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

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

Swing設計器包含了必要的創建窗口、表單和其他UI元素的工具。

2. 創建一個UI元素

使用SWT/ Swing設計器為項目的一部分創建一個新的UI元素類。選擇File>New>Other，然后展開WindowBuilder并在眾多組件中選擇一個，通過向導繼續完成元素的細節。

在您完成向導并創建完成UI元素之后，Swing設計器打開并允許您在設計元素時使用設計視圖或源視圖。

2.1 選擇布局管理器

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

在Java中，位置和尺寸不會自動產生。應用程序可以決定尺寸和放置的最初容器，或者調整的監聽器。另一種選擇是指定一個布局類來定位和尺寸大小。如果沒有大小，那么他們為零并且不能被看見。

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

• 布局管理器的布局規則
• 布局管理器的屬性設置
• 布局數據關聯的各個組件
• 容器的大小

每種布局管理器都具有各自的性能優勢和缺點。基于網格的布局和基于約束的布局時最有用和強大的標準布局，但它們也最為復雜。當使用設計視圖時，您可以根據自身需求來改變布局。該工具可以根據需求來調整正在運行的代碼。改變布局可以通過添加布局管理器容器的源代碼，或者在設計面板上使用組件面板的布局工具來選擇一個復合布局。

3. 設計視圖

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

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

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

3.1 選擇組件

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

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

3.2 編輯組件文本

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

3.3 移動組件

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

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

3.4 調整組件

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

在網格布局中，調整組件使其跨越了多個行和列。在調整操作期間，單元格中被占據的組件會顯示為綠色。