MyEclipse中的SWT/Swing設計器（下）

在MyEclipse SWT/Swing設計器（上）一文中，小編爲你們介紹了什麼是SWT/ Swing設計器、建立一個UI元素以及如何設計視圖。接下來小編繼續爲你們介紹另外幾節內容，但願可以幫助到你們。

4. 源視圖

源視圖是您手工編寫代碼以及查看生成代碼的工具。源視圖是標準的Java編輯器，同時它還提供如下功能：

• 語法高亮
• 內容/代碼輔助
• 代碼格式化
• 導入輔助
• 快速修復
• 集成的調試功能

源視圖

編輯器佈局參數控件相對於該設計視圖中源視圖的位置。在默認狀況下，它們有獨立的標籤、標註源碼和設計（您能夠選擇首頁）。同時還提供了其餘選項來顯示源視圖和設計視圖向上或向下的排列方式。

Side-by-side視圖

Stacked視圖

經過選擇Window>Preferences，而後選擇WindowBuilder能夠訪問編輯器佈局參數。

設置編輯器佈局參數

5. 結構視圖

結構視圖是由組件樹和屬性視圖組成的。組件樹顯示在設計視圖中的全部組件之間的層次關係，而屬性視圖顯示屬性和選定控件的事件，並提交文本字段、列表和其餘控件，您能夠編輯屬性、標籤和事件。

結構視圖的位置能夠經過拖放或右鍵單擊結構視圖頭部，並從菜單中選擇Dock On來進行配置。

配置對接位置

您能夠對接結構視圖上、下、左、右的設計視圖。

Docking位置

結構視圖也能夠做爲一個獨立的圖。選擇Window>Show View>Other，展開WindowBuilder而後選擇Structure，或者右鍵單擊結構視圖，而後選擇解壓視圖。關閉待機的結構視圖將返回默認的位置，並內置在編輯器中。

Detatching結構視圖

5.1 組件樹

組件樹顯示在設計視圖中的全部組件之間的層次關係。

組件樹

樹中的每一個組件顯示其圖標（與潛在的修飾符）、變量名和文本標籤。組件能夠被表示爲局部變量和字段，變量名的定義在組件範圍內必須是惟一的。

圖標修飾符用於表示是否一個組件定義了一個事件或顯示自定義容器的公開組件。

圖標修飾符

• Exposed：子部件暴露在自定義的容器中。
• Event：定義具備一個或多個事件處理程序的組件。

使用Expand All圖標來展開樹組件，使用Collapse All圖標將其摺疊。

右鍵單擊書中的條目來在設計視圖中訪問相同的可用上下文菜單。您能夠經過拖放在樹組件中整理，刪除可使用Delete鍵。

您能夠在樹中選擇多個組件，並經過按住CTRL鍵添加單個選項或SHIFT鍵添加連續選項。

5.2 屬性視圖

屬性視圖顯示屬性和選定控件的事件，並提交文本字段、列表和其餘控件，您能夠編輯屬性、標籤和事件。在組件樹或設計視圖中選擇一個控件來在屬性視圖中顯示其屬性。

屬性視圖

當多個控件被選中時，他們所共享的屬性會在屬性視圖中被列出。若是選中的控件沒有一個相同屬性的值，則在屬性視圖中的屬性字段爲空。

在默認狀況下，該屬性視圖顯示正常屬性。參數屬性用粗體顯示，專業屬性用斜體顯示（單擊顯示高級屬性圖標來顯示它們）。灰色背景表示設置爲它的默認值屬性，而白色背景表示一個屬性已經設置爲非缺省值。單擊還原默認值圖標，屬性設置會恢復爲它的默認值。

您能夠經過單擊屬性標題或值來選擇一個屬性。當一個屬性被選中後，顯示的是編輯器而不是它的值，所以您可以改變該屬性的值。在大多數的屬性編輯器中，Enter輸入要使用的值，ESC返回之前的值。若是您選中一個屬性，可使用箭頭鍵之間的導航性能。

屬性視圖支持簡單的屬性，如字符串和整數；複雜的屬性包括一些其餘的屬性，如佈局和佈局數據。複雜的屬性標題前會顯示正負號，能夠展開/收起集中不一樣方式的複雜屬性：

• 雙擊屬性標題或值
• 點擊正負號
• 選擇屬性，而後按加號鍵展開，減號鍵收起

一些屬性，如字符串、顏色、字體和圖像，能夠點擊更多按鈕來訪問提供的自定義屬性編輯器。

屬性的狀態（展開或摺疊）被保存在所選的控件當中。若是您在一個控件中選擇 "style"屬性，而後再選擇其餘控件，那麼"style"屬性仍然被展開。這使您能夠快速更改style屬性值而無需一次一次的展開。一旦您決定不更改style值，您能夠摺疊style屬性同時其餘空間的屬性也會摺疊。

屬性視圖支持選擇的屬性，即屬性的值應該從一些列表中選擇。例如，複雜的"style"屬性的"type"屬性時一個屬性按鈕，您能夠經過如下方式改變其值：

• 在列表中雙擊更改值的屬性值到下一個值（或第一個值，若是當前值是最後一個值）
• 選擇屬性，按空格鍵便可展開列表，而後用箭頭更改值
• 選擇屬性，而後按Delete鍵來更改默認值

右鍵單擊屬性視圖來訪問屬性窗格上下文菜單。

6. 工具面板

該面板可快速訪問特定工具包組件以及您能夠安裝的自定義組件。面板分爲可擴展、摺疊或隱藏的類別。

添加組件到設計視圖中，您能夠：

• 在面板中選擇並經過單擊拖放到設計框架或組件樹所須要的位置上。
• 使用選擇組件命令從選擇組件窗口中選擇小部件的類型。

當在面板中選擇部件時，您能夠經過按住CTRL鍵來爲設計視圖添加相同類型的多個部件 。 當在面板中選擇部件時，您能夠經過按住CTRL鍵來爲設計視圖添加相同類型的多個部件 。

您能夠經過右鍵單擊面板的任何地方自定義面板來訪問面板上下文菜單，或從上下文菜單中打開面板管理器。

下面的命令是每一個面板共有的：

• Selection
• Marquee
• Choose component
• Tab Order

常見的面板命令

Selection：選擇一個或多個部件。按住Shift或Ctrl鍵來選擇多個部件。

Marquee：橡皮圈選擇多個部件。按住ALT鍵，開始拖動來自動激活選框工具。

Choose component：在編輯器中添加組件。輸入類的名稱，或從歷史記錄列表中選擇。您能夠右鍵單擊列表中的項目，從歷史中刪除。

Tab Order：設置組件的標籤順序。

• 首先在頂層容器中選擇（如JFrame中）。
• 激活標籤順序工具。
• 點擊所需順序的組件。
  • 點擊一個組件超過一次可增長它的索引。
  • SHIFT+Click排除某個部分。
  • CTRL+Click選定的指數移動到另外一個組件。
• 經過選擇其餘工具（如Selection）停用標籤順序工具。

面板的位置能夠經過拖放或右鍵打擊面板標題，並從菜單中選擇Dock On來配置。該面板能夠對接到設計視圖中的左或右面。

從新定位面板

您也能夠摺疊或展開組件面板。

摺疊面板

該面板也能夠做爲一個獨立的視圖。選擇Window>Show View>Other，展開WindowBuilder，而後選擇面板或右鍵單擊面板並選擇解壓視圖。關閉待機面板視圖將返回默認的位置，並內置在編輯器中。

卸下面板

MyEclipse官方中文網上線，歡迎下載交流！