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

Java 編輯器的視覺化編輯器分成兩個視窗:「設計」視圖以圖形表示法預覽 Java Bean,以及「程式碼」視圖顯示相關聯的 Java 程式碼。

凡屬於 Swing、SWT 或 AWT 元件、或是這些元件之子類別的視覺化 Bean, 都會顯示在「設計」視圖中,其中包含這些 Bean 的圖形表示法。 當您修改「設計」視圖中的 Java Bean 時,程式碼會同時更新。相反的,當您變更程式檔時,「設計」視圖會同時更新,以反映您所做的變更。 「設計」和「程式碼」視圖這種來回轉換的設計, 目的是要讓 Java 視覺化編輯器不僅可當作產生程式碼的工具使用, 也可以當作編輯器使用,以顯示開發期間修改程式碼所產生的影響。 當您在其他編輯器中變更 .java 程式檔之後,您所做的變更,會反映在視覺化編輯器的「設計」視窗中。

依預設,Java 視覺化編輯器會在「程式碼」視圖上方的分割窗格中,顯示「設計」視圖。「設計」視圖是一個 WYSIWYG 版面或畫布,您可以在這裡編製您所建置的 GUI。 「程式碼」視圖則會顯示 Java 檔的內容。 可以收合的選用區位於左邊,您可以在這裡選擇元件,加入設計中。

「設計」和「程式碼」視圖

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

母主題: 關於 Java 視覺化編輯器

相關作業
在「設計」視圖中直接編輯項目

(C) Copyright IBM Corporation 1999, 2004. All Rights Reserved.