在MyEclipse SWT/Swing設(shè)計(jì)器（上）一文中，小編為大家介紹了什么是SWT/ Swing設(shè)計(jì)器、創(chuàng)建一個(gè)UI元素以及如何設(shè)計(jì)視圖。接下來小編繼續(xù)為大家介紹另外幾節(jié)內(nèi)容，希望能夠幫助到大家。

4. 源視圖

源視圖是您手工編寫代碼以及查看生成代碼的工具。源視圖是標(biāo)準(zhǔn)的Java編輯器，同時(shí)它還提供以下功能：

• 語法高亮
• 內(nèi)容/代碼輔助
• 代碼格式化
• 導(dǎo)入輔助
• 快速修復(fù)
• 集成的調(diào)試功能

編輯器布局參數(shù)控件相對(duì)于該設(shè)計(jì)視圖中源視圖的位置。在默認(rèn)情況下，它們有獨(dú)立的標(biāo)簽、標(biāo)注源碼和設(shè)計(jì)（您可以選擇金喜正規(guī)買球）。同時(shí)還提供了其他選項(xiàng)來顯示源視圖和設(shè)計(jì)視圖向上或向下的排列方式。

通過選擇Window>Preferences，然后選擇WindowBuilder可以訪問編輯器布局參數(shù)。

5. 結(jié)構(gòu)視圖

結(jié)構(gòu)視圖是由組件樹和屬性視圖組成的。組件樹顯示在設(shè)計(jì)視圖中的所有組件之間的層次關(guān)系，而屬性視圖顯示屬性和選定控件的事件，并提交文本字段、列表和其他控件，您可以編輯屬性、標(biāo)簽和事件。

結(jié)構(gòu)視圖的位置可以通過拖放或右鍵單擊結(jié)構(gòu)視圖頭部，并從菜單中選擇Dock On來進(jìn)行配置。

您可以對(duì)接結(jié)構(gòu)視圖上、下、左、右的設(shè)計(jì)視圖。

結(jié)構(gòu)視圖也可以作為一個(gè)獨(dú)立的圖。選擇Window>Show View>Other，展開WindowBuilder然后選擇Structure，或者右鍵單擊結(jié)構(gòu)視圖，然后選擇解壓視圖。關(guān)閉待機(jī)的結(jié)構(gòu)視圖將返回默認(rèn)的位置，并內(nèi)置在編輯器中。

5.1 組件樹

組件樹顯示在設(shè)計(jì)視圖中的所有組件之間的層次關(guān)系。

樹中的每個(gè)組件顯示其圖標(biāo)（與潛在的修飾符）、變量名和文本標(biāo)簽。組件可以被表示為局部變量和字段，變量名的定義在組件范圍內(nèi)必須是唯一的。

圖標(biāo)修飾符用于表示是否一個(gè)組件定義了一個(gè)事件或顯示自定義容器的公開組件。

圖標(biāo)修飾符

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

使用Expand All圖標(biāo)來展開樹組件，使用Collapse All圖標(biāo)將其折疊。

右鍵單擊書中的條目來在設(shè)計(jì)視圖中訪問相同的可用上下文菜單。您可以通過拖放在樹組件中整理，刪除可以使用Delete鍵。

您可以在樹中選擇多個(gè)組件，并通過按住CTRL鍵添加單個(gè)選項(xiàng)或SHIFT鍵添加連續(xù)選項(xiàng)。

5.2 屬性視圖

屬性視圖顯示屬性和選定控件的事件，并提交文本字段、列表和其他控件，您可以編輯屬性、標(biāo)簽和事件。在組件樹或設(shè)計(jì)視圖中選擇一個(gè)控件來在屬性視圖中顯示其屬性。

當(dāng)多個(gè)控件被選中時(shí)，他們所共享的屬性會(huì)在屬性視圖中被列出。如果選中的控件沒有一個(gè)相同屬性的值，則在屬性視圖中的屬性字段為空。

在默認(rèn)情況下，該屬性視圖顯示正常屬性。參數(shù)屬性用粗體顯示，專業(yè)屬性用斜體顯示（單擊顯示高級(jí)屬性圖標(biāo)來顯示它們）。灰色背景表示設(shè)置為它的默認(rèn)值屬性，而白色背景表示一個(gè)屬性已經(jīng)設(shè)置為非缺省值。單擊還原默認(rèn)值圖標(biāo)，屬性設(shè)置會(huì)恢復(fù)為它的默認(rèn)值。

您可以通過單擊屬性標(biāo)題或值來選擇一個(gè)屬性。當(dāng)一個(gè)屬性被選中后，顯示的是編輯器而不是它的值，因此您能夠改變?cè)搶傩缘闹怠Ｔ诖蠖鄶?shù)的屬性編輯器中，Enter輸入要使用的值，ESC返回以前的值。如果您選中一個(gè)屬性，可以使用箭頭鍵之間的導(dǎo)航性能。

屬性視圖支持簡(jiǎn)單的屬性，如字符串和整數(shù)；復(fù)雜的屬性包括一些其他的屬性，如布局和布局?jǐn)?shù)據(jù)。復(fù)雜的屬性標(biāo)題前會(huì)顯示正負(fù)號(hào)，可以展開/收起集中不同方式的復(fù)雜屬性：

• 雙擊屬性標(biāo)題或值
• 點(diǎn)擊正負(fù)號(hào)
• 選擇屬性，然后按加號(hào)鍵展開，減號(hào)鍵收起

一些屬性，如字符串、顏色、字體和圖像，可以點(diǎn)擊更多按鈕來訪問提供的自定義屬性編輯器。

屬性的狀態(tài)（展開或折疊）被保存在所選的控件當(dāng)中。如果您在一個(gè)控件中選擇 "style"屬性，然后再選擇其他控件，那么"style"屬性仍然被展開。這使您可以快速更改style屬性值而無需一次一次的展開。一旦您決定不更改style值，您可以折疊style屬性同時(shí)其他空間的屬性也會(huì)折疊。

屬性視圖支持選擇的屬性，即屬性的值應(yīng)該從一些列表中選擇。例如，復(fù)雜的"style"屬性的"type"屬性時(shí)一個(gè)屬性按鈕，您可以通過以下方式改變其值：

• 在列表中雙擊更改值的屬性值到下一個(gè)值（或第一個(gè)值，如果當(dāng)前值是最后一個(gè)值）
• 選擇屬性，按空格鍵即可展開列表，然后用箭頭更改值
• 選擇屬性，然后按Delete鍵來更改默認(rèn)值

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

6. 工具面板

該面板可快速訪問特定工具包組件以及您可以安裝的自定義組件。面板分為可擴(kuò)展、折疊或隱藏的類別。

添加組件到設(shè)計(jì)視圖中，您可以：

• 在面板中選擇并通過單擊拖放到設(shè)計(jì)框架或組件樹所需要的位置上。
• 使用選擇組件命令從選擇組件窗口中選擇小部件的類型。

當(dāng)在面板中選擇部件時(shí)，您可以通過按住CTRL鍵來為設(shè)計(jì)視圖添加相同類型的多個(gè)部件 。 當(dāng)在面板中選擇部件時(shí)，您可以通過按住CTRL鍵來為設(shè)計(jì)視圖添加相同類型的多個(gè)部件 。

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

下面的命令是每個(gè)面板共有的：

• Selection
• Marquee
• Choose component
• Tab Order

常見的面板命令

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

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

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

Tab Order：設(shè)置組件的標(biāo)簽順序。

• 首先在頂層容器中選擇（如JFrame中）。
• 激活標(biāo)簽順序工具。
• 點(diǎn)擊所需順序的組件。
  • 點(diǎn)擊一個(gè)組件超過一次可增加它的索引。
  • SHIFT+Click排除某個(gè)部分。
  • CTRL+Click選定的指數(shù)移動(dòng)到另一個(gè)組件。
• 通過選擇其他工具（如Selection）停用標(biāo)簽順序工具。

面板的位置可以通過拖放或右鍵打擊面板標(biāo)題，并從菜單中選擇Dock On來配置。該面板可以對(duì)接到設(shè)計(jì)視圖中的左或右面。

您也可以折疊或展開組件面板。

該面板也可以作為一個(gè)獨(dú)立的視圖。選擇Window>Show View>Other，展開WindowBuilder，然后選擇面板或右鍵單擊面板并選擇解壓視圖。關(guān)閉待機(jī)面板視圖將返回默認(rèn)的位置，并內(nèi)置在編輯器中。