視覺化編輯器的「設計」和「程式碼」視圖

Java 視覺化編輯器分為兩個主視窗：「設計」視圖和「程式碼」視圖。「設計」視圖以圖形表示法預覽 Java Bean，「程式碼」視圖顯示相關聯的 Java 程式碼。

如果視覺化 Bean 是 SWT、Swing 或 AWT 元件或這些元件的子類別，「設計」視圖會以圖形表示法來呈現這些 Bean。 當您修改「設計」視圖中的 Java Bean 時，程式碼會同時更新。相反地， 當您變更 Java 程式碼時，「設計」視圖會更新來反映您所做的變更。 另外，如果您在另一個編輯器中變更 .java 程式檔，視覺化編輯器的「設計」視窗也會反映您所做的變更。

依預設，Java 視覺化編輯器會在「程式碼」視圖上方的分割窗格中，顯示「設計」視圖。「設計」視圖是一個 WYSIWYG 版面或畫布，您可以在這裡編製您所建置的 GUI。 「程式碼」視圖則會顯示 Java 檔的內容。 依預設，可收合選用區位於「設計」視窗的右邊。 選用區包含選取工具和可新增至設計的元件。

您可以變更預設值，使得「設計」和「程式碼」視圖成為筆記本標籤，讓您在兩者之間來回點按。如果要變更預設值， 請按一下視窗 > 喜好設定 > Java > 視覺化編輯器。 請選取外觀標籤， 然後再按一下在個別的筆記本標籤上。關閉 Java 視覺化編輯器，然後再開啟一次，自動更新您的喜好設定變更。