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

4. 源視圖

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

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

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

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

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

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

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

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

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

5.1 組件樹(shù)

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

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

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

圖標(biāo)修飾符

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

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

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

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

5.2 屬性視圖

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

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

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

您可以通過(guò)單擊屬性標(biāo)題或值來(lái)選擇一個(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)，可以展開(kāi)/收起集中不同方式的復(fù)雜屬性：

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

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

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

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

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

右鍵單擊屬性視圖來(lái)訪問(wèn)屬性窗格上下文菜單。

6. 工具面板

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

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

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

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

您可以通過(guò)右鍵單擊面板的任何地方自定義面板來(lái)訪問(wèn)面板上下文菜單，或從上下文菜單中打開(kāi)面板管理器。

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

• Selection
• Marquee
• Choose component
• Tab Order

常見(jiàn)的面板命令

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

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

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

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

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

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

您也可以折疊或展開(kāi)組件面板。

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