如何使用 Netbeans 中的選單設計 Swing GUI

最後更新: 04/10/2024
如何使用 Netbeans 中的選單設計 Swing GUI

您想知道如何使用 Netbeans 中的選單 設計一個 Swing GUI?您可以為 Java 表單新增選單,例如「檔案」、「編輯」、「檢視」等。每個選單都有選單項,而這些選單項目又可以有子選單。這裡我們將教您如何在Netbeans中配置選單。留在我們身邊。

Netbeans 中的選單設置

首先,我們向您展示如何在 Netbeans 中設定選單,讓我們看看如何:

您可能也有興趣閱讀以下內容: 在 Windows 更新資料庫中偵測到錯誤

  • 步驟1:返回設計視圖。在 NetBeans 調色盤中,找到選單列項目:

Netbeans 中的選單

  • 步驟2:將其拖曳至表單頂部。當您釋放滑鼠按鈕時,您將看到預設的「檔案」和「編輯」功能表列:
編輯預設值
編輯預設值

但是,預設情況下沒有新增選單項目。要新增您的,您必須執行以下操作:

  • 步驟3- 點選選單項目 檔案選擇它。選擇“檔案”選單項目後,按一下滑鼠右鍵。將出現一個新選單。選擇 從調色盤新增> 選單項:
從調色盤新增> 選單項 
從調色盤新增> 選單項
  • 步驟4:選單項目將會新增到您的檔案選單中:

從調色盤新增> 選單項 

您要做的就是新增選單項目來開啟和儲存檔案。

  • 步驟5:雙擊預設文字 j選單項目1。然後它將突出顯示,以便您可以在其上書寫:

從調色盤新增> 選單項 

  • 步驟6: 寫 開放, 然後按下 鍵 ENTER 在你的鍵盤上:

如何使用 Netbeans 中的選單設計 Swing GUI

  • 步驟7:一路新增另一個選單項目。這次寫 保存 作為選單項目:
另存為項目
另存為項目

注::如上所示,您可以向選單項目新增捷徑。

  • 步驟8:按一下開啟的選單項,然後按一下其捷徑:
另存為項目
另存為項目

注::選擇快捷方式項目後,查看屬性視窗:

另存為項目

  • 步驟9:搜尋元素 風門 然後點擊該行右側的小按鈕。出現一個對話框:
加速器元件
加速器元件

您可以從此對話方塊中為選單項目設定所需的快速鍵。開啟的快捷方式通常是 CTRL + O.。在方格中輸入 O,就會出現 Shift+O.

  • 步驟10: 取消選取該項目 轉移 和品牌 按Ctrl 反而:
CTRL + O.
CTRL + O.
  • 步驟11: 點擊 接受 並且該快捷方式將會新增到您的 Java 選單項目:
CTRL + O.
CTRL + O.

積分

要查看這一切是否有效,請再次按一下「開啟」功能表項目以突出顯示它。

  • 步驟1:現在右鍵單擊。在出現的選單中,選擇 事件 > 行動 > 採取的行動。這將為選單項目建立一個存根。輸入以下代碼:

javax.swing.JOptionPane.showMessageDialog(FormObjects.this, "打開");

這只是一個訊息框。

  • 步驟2:運行你的程式並測試它。點選 文件>打開您應該會看到訊息框出現。
  • 步驟3: 點擊 接受 擺脫它。現在試試你的捷徑。
  • 步驟4:按住鍵 按Ctrl 在你的鍵盤上。按住它並按字母 O。

停止您的程式並返回您的存根。評論留言框。您要做的就是編寫程式碼來顯示對話框。然後用戶可以選擇要開啟的文件。我們將在下一部分中進行。

在 Netbeans 中設計帶有選單的 Swing GUI

本部分介紹了創建圖形使用者介面的過程 (圖形用戶界面) 對於一個名為 聯繫編輯 使用 NetBeans IDE GUI 產生器.

在此過程中,您將設計一個圖形使用者介面,該介面將允許您查看和編輯員工資料庫中包含的人員的聯絡資訊。您還將學習如何:

  • 使用 GUI 建構器介面
  • 建立GUI容器,新增
  • 調整組件大小並對齊
  • 調整組件錨定
  • 設定組件的自動調整大小行為
  • 編輯組件屬性

您可以透過 Netbeans 中的選單完成所有這些操作

Netbeans 中的選單設計入門

IDE 的 GUI 建構器可讓您在 Netbeans 中建立具有專業外觀的選單驅動的 GUI,而無需設計管理員的深入了解。您只需將組件放置在任何您想要的位置即可設計表單。

透過 Netbeans 中的選單建立項目

由於 IDE 中的所有 Java 開發都在專案內進行,因此我們必須先建立一個新的項目 聯繫編輯 用於儲存字體和其他專案文件的項目。

Un IDE專案 是一組 Java 原始檔加上相關元數據,包括專案特定的屬性檔、 腳本 彙編 螞蟻 它控制建置和運行配置,以及 專案xml 將 Ant 目標分配給 命令 IDE。

雖然 Java 應用程式通常由多個 IDE 專案組成,但出於​​本教程的目的,我們將創建一個簡單的應用程序,該應用程式透過 Netbeans 中的選單完全儲存在單個專案中。

若要建立新的 ContactEditor 應用程式專案:

  • 步驟1: 選擇 檔案 > 新建項目。或者,您可以單擊圖標 新項目 在 IDE 工具列中。
  • 步驟2:在面板上 分類,選擇 Java 節點,然後在「專案」面板中選擇「Java 應用程式」。點選 以下.
  • 步驟3: 進入 聯繫編輯 在「項目名稱」欄位中並指定項目的位置。
  • 步驟4:不選取該複選框 使用專用資料夾 儲存庫。
  • 步驟5:確保選取複選框 設為主要項目 被選取並停用該字段 建立主類別。
  • 步驟6: 點擊 敲定.

IDE 建立資料夾 聯繫編輯  在您的系統上的指定位置。此資料夾包含與項目關聯的所有文件,包括 Ant 腳本、用於儲存來源和測試的資料夾以及用於特定於專案的元資料的資料夾。若要查看專案結構,請使用 IDE 的檔案視窗。

透過 Netbeans 中的選單建立 JFrame 容器

建立新應用程式後,您可能已經注意到該資料夾 原始碼包 專案視窗中包含一個空節點   .

為了繼續建立我們的介面,我們需要建立一個 Java 容器,在其中放置其他所需的 GUI 元件。

在此步驟中,我們將使用 JFrame 元件建立一個容器,並將該容器放置在一個新套件中。

若要透過 Netbeans 中的選單新增 JFrame 容器,您必須執行下列操作:

  • 步驟1: 在視窗裡 項目,右鍵單擊 聯繫編輯 節點並選擇 新建 > JFrame 表單。或者,您可以找到一個表格 J框架 選擇 新建 > 其他 > Swing GUI 表單 > JFrame 表單.
  • 步驟2: 進入 聯絡編輯器UI作為類別名稱。
  • 步驟3: 進入 我的 。聯繫編輯就像包裹一樣。
  • 步驟4: 點擊 敲定.

IDE 創建 聯絡編輯器UI 形式和 聯絡編輯器UI 類內 聯絡編輯器 UI 。爪哇 應用程式並打開 聯絡編輯器UI 形成於 圖形使用者介面產生器。請注意,該包 我的 。聯繫編輯 替換預設包。

熟悉 GUI Builder 和 Netbeans 中的選單

現在我們已經透過 Netbeans 中的選單為我們的應用程式設定了一個新項目,讓我們花一點時間來熟悉 GUI Builder 介面。

CTRL + O.

當我們添加容器時 J框架,IDE打開了 聯絡編輯器UI 新建立的表單 編輯器選項卡 工具列包含多個按鈕,如上圖所示。

形式為 聯繫編輯 在視野中打開 圖形使用者介面建構器設計 IDE 邊緣會自動出現三個附加窗口,讓您在建立 GUI 表單時導覽、組織和編輯它們。

Netbeans 選單中的各種 GUI 建構器視窗包括:

讓我們看看 Netbeans 選單中的各種 GUI 建構器窗口,包括:

  如何快速輕鬆地將資料從 Excel 匯入 Access

設計面積:

用於建立和編輯 Java GUI 表單的主 GUI 建構器視窗。按鈕 工具列字體 允許您查看類別的原始程式碼,設計按鈕可讓您查看 GUI 元件的圖形視圖, 歷史記錄按鈕 允許您存取文件的本機變更歷史記錄。

其他工具列按鈕可以方便地存取常用命令,例如在播放模式之間進行選擇。 選擇和連接, 對齊組件、配置組件的自動調整大小行為、預覽表單。

Navegador

以樹狀層次結構的形式提供應用程式中所有元件(包括視覺元件和非視覺元件)的表示。瀏覽器還提供有關目前正在 GUI 建構器中編輯哪個樹元件的可視信息,並允許您在可用面板中組織元件。

調色板。

可用元件的可自訂列表,其中包含 JFC/Swing、AWT 和 JavaBeans 元件以及佈局管理器的標籤。此外,您可以使用自訂器建立、刪除和重新排列調色板中顯示的類別。

屬性視窗

顯示 GUI 建構器、導覽器視窗、項目視窗或檔案視窗中目前選定元件的屬性。

如果你點擊 來源按鈕,IDE 在中顯示應用程式的 Java 原始碼 編輯頁 與自動產生的程式碼段 圖形使用者介面產生器 由灰色區域表示(選擇時變為藍色),稱為 受保護的區塊.

受保護區塊是無法在程式中編輯的受保護區域。 來源視圖。當您處於編輯器中時,您只能編輯出現在編輯器白色區域中的程式碼。 來源視圖.

如果您需要更改受保護區塊內的程式碼,請按一下 設計按鈕,IDE 編輯器會回到 GUI 建構器,您可以在其中對表單進行任何必要的調整。當您儲存變更時,IDE 會更新檔案來源。

對於高級開發人員來說, 管理員 Palette 可用,可讓您將 JAR、庫或其他項目中的自訂元件新增至 Palette。透過以下方式新增自訂元件 調色板管理器選擇 工具 > 面板 > Swing/AWT 元件.

Netbeans 菜單上的第一件事

現在您已經熟悉了 GUI 建構器介面,是時候開始開發我們的使用者介面了 聯絡人編輯器應用程式.

在本節中,我們將了解如何使用 IDE 的調色板將我們需要的各種 GUI 元件新增到表單中。

由於 IDE 的自由佈局範例,您將不再需要與佈局管理員進行鬥爭來控制容器內元件的大小和位置。

您所需要做的就是將所需的元件拖曳到 GUI 表單上,如下圖所示。

新增元件:基礎知識

儘管 IDE 的 GUI 建構器簡化了建立 Java GUI 的過程,但在開始設計介面之前勾選您想要介面的外觀通常會很有幫助。

現在讓我們看一下插圖並注意 IDE 在完成此操作時的「拖放」行為。

要從 Netbeans 中的選單新增 JPanel:

  1. 在 Palette 視窗中,透過點擊並釋放滑鼠按鈕從 Swing Containers 類別中選擇 Panel 元件。
  2. 將遊標移到 GUI Builder 中窗體的左上角。當組件位於容器的頂部和左側邊緣附近時,會出現水平和垂直對齊參考線,指示首選邊距。按一下表單將 JPanel 放置在此位置。

JPanel元件出現在表單上 聯絡編輯器UI 以橙色突出顯示,這意味著它已被選中。釋放滑鼠按鈕後,會出現小指示器來顯示元件的錨點關係,並且導航器視窗中會顯示對應的 JPanel 節點,如下圖所示。

CTRL + O.

接下來,我們需要調整 JPanel 的大小,以便為稍後放置在其中的元件騰出空間,但讓我們花一點時間先指出 GUI Builder 的另一個顯示功能。

為此,我們需要取消選擇剛剛新增的 JPanel。因為我們還沒有添加標題邊框,所以面板消失了。

但是,請注意,當您將滑鼠懸停在 JPanel 上時,其邊框會變為淺灰色,以便可以清楚地看到其位置。您只需單擊組件內的任意位置即可重新選擇它,並使調整大小手柄和錨點指示器重新出現。

要更改 Netbeans 選單中 JPanel 的大小:

  • 步驟1:選擇剛剛新增的JPanel。小方形驅動器重新出現在組件的周邊。
  • 步驟2:按一下並按住 JPanel 右邊緣的調整大小手把並拖曳,直到虛線對齊線出現在窗體邊緣附近。
  • 步驟3:釋放調整大小手把以調整組件的大小。

JPanel 組件會根據建議的偏移量拉伸到容器的左右邊距之間,如下圖所示。

CTRL + O.

重複該過程

現在我們已經添加了一個面板來保存 UI 名稱信息,我們需要重複此過程,在第一個面板的正下方添加另一個面板來保存電子郵件信息。

參考下圖,重複前面的兩個任務,注意提示中建議的定位 圖形使用者介面產生器.

請注意,建議兩者之間的垂直空間 J面板 它比邊緣處的窄得多。添加第二個 JPanel 後,調整它的大小,使其填滿表單的剩餘垂直空間。

Netbeans 中的選單 Netbeans 中的選單 Netbeans 中的選單

因為我們想要在視覺上區分 GUI 頂部和底部的功能,所以我們需要為每個 JPanel 添加邊框和標題。

我們將首先使用“屬性”視窗來實現此目的,然後使用彈出式選單進行嘗試。

若要將標題邊框新增至 Netbeans 選單中的 JPanel:

  • 步驟1:選擇GUI Builder 中最上面的JPanel。
  • 步驟2: 在視窗裡 性能,點選旁邊的省略號 (...) 按鈕 邊境財產.
  • 步驟3: 在編輯器中 J面板邊框 出現後,選擇節點 標題順序 在面板中 可用邊框.
  • 步驟4:在下面的「屬性」面板中,輸入「標題」屬性的名稱。
  • 步驟5:點選「字型」屬性旁的省略號 (...),選擇 黑體字ESTILO 字體並輸入 12 作為大小。點選 接受 退出對話框。
  • 步驟6:選擇底部 JPanel 並重複步驟 2 到 5,但這次右鍵點擊 JPanel 並使用彈出式選單存取「屬性」視窗。輸入該房產的電子郵件 標題.

兩個 JPanel 組件都添加了標題邊框。

Netbeans 中的選單

將各個元件加入表單中

現在我們需要開始新增將在聯絡人清單中顯示實際聯絡資訊的元件。在此任務中,我們將新增四個用於顯示聯絡資訊的 JTextField 和用於描述它們的 JLabels。

  最受歡迎且最需要的程式語言

當您完成此操作時,請查看 GUI 建構器顯示的水平和垂直指南,其中建議了由作業系統的外觀和感覺定義的首選組件間距。

這可確保您的 GUI 在執行時會根據目標作業系統的外觀自動呈現。

要從 Netbeans 中的選單將 JLabel 新增至表單:

  • 步驟1:在「元件面板」視窗中,從「Swing 控制項」類別中選擇「標籤」元件。
  • 步驟2:將遊標移到我們之前新增的名稱 JPanel 上。當出現指示線指示 JLabel 位於 JPanel 的左上角且頂部和左側邊緣有小邊距時,請按一下以放置標籤。

JLabel 將會加入表單中,並且代表該元件的對應節點將會加入表單的視窗。 檢查員.

在繼續之前,我們需要編輯剛剛新增的 JLabel 的顯示文字。雖然您可以隨時編輯組件的顯示文本,但最簡單的方法是在添加組件時進行編輯。

若要編輯 JLabel 的顯示文字:

  • 步驟1:雙擊JLabel,選擇其顯示文字。
  • 步驟2: 寫 名字: 然後按Enter。

編輯後將顯示新的 JLabel 名稱,並調整元件的寬度。現在我們將新增一個 JTextField,以便我們可以查看 GUI 建構器的基線對齊功能。

要將 JTextField 新增至表單:

  • 步驟1:在「元件面板」視窗中,從「Swing 控制項」類別中選擇「文字欄位」元件。
  • 步驟2:將遊標立即移動到我們剛剛新增的名字:JLabel 的右側。當水平參考線出現,表示 JTextField 的基線與 JLabel 的基線對齊,並且兩個元件之間的空間建議使用垂直參考線時,請按一下以放置 JTextField。

JTextField 捕捉表單上與 JLabel 基線對齊的位置,如下圖所示。請注意,JLabel 已稍微向下移動以與最高文字欄位的基線對齊。像往常一樣,表示組件的節點將添加到導航器視窗中。

Netbeans 中的選單

在繼續之前,我們需要在剛剛新增的 JLabel 和 JTextField 的右側新增一個附加的 JLabel 和 JTextField,如下圖所示。這次輸入 Last Name: 作為 JLabel 顯示文本,並暫時保留 JTextFields 佔位符文本。

要從 Netbeans 中的選單調整 JTextField 的大小:

  • 步驟1:選擇我們剛剛加入到Last Name右側的JTextField:
  • 步驟2:將調整大小手把從 JTextField 的右邊緣拖曳到附加 JPanel 的右邊緣。
  • 步驟3:當垂直對齊參考線出現時,建議文字欄位和 JPanel 右邊緣之間的邊距,釋放滑鼠按鈕以調整 JTextField 的大小。

JTextField 的右邊框與 JPanel 建議的邊框邊距對齊,如下圖所示。

調整 JTextField 的大小
調整 JTextField 的大小

從 Netbeans 中的選單新增多個元件以形成表單

現在我們將添加 標題: 和暱稱: 描述我們稍後將添加的兩個 JTextField 的 JLabels。我們將在按下 Shift 鍵,以便快速將其新增至表單。

當您完成此操作時,請再次注意 GUI 建構器顯示水平和垂直指南,建議組件的首選間距。

若要將多個 JLabel 新增至表單:

  • 步驟1: 在視窗裡 托盤,選擇組件 標籤 該類別的 振盪控制 透過點擊並釋放滑鼠按鈕。
  • 步驟2:將遊標移到正下方的表單上 名字:我們之前加入的 JLabel。當指導線出現新 JLabel 的左邊緣與舊 JLabel 的左邊緣對齊並且它們之間有一個小邊距時, 按換檔鍵 並點擊放置第一個 JLabel。
  • 步驟3: 繼續按 Shift 鍵,將另一個 JLabel 緊鄰第一個 JLabel 的右側。確保在放置第二個 JLabel 之前釋放 Shift 鍵。如果您在放置最後一個 JLabel 之前忘記釋放 Shift 鍵,只需按 逃逸.

透過建立第二行將 JLabel 新增至表單中,如下圖所示。代表每個元件的節點將會加入瀏覽器視窗。

退出鍵
退出鍵

在繼續之前,我們需要編輯 JLabels 名稱,以便可以看到稍後設定的對齊效果。

若要從 Netbeans 中的選單編輯 JLabels 顯示文字:

  • 步驟1:雙擊第一個 JLabel 以選擇您的顯示文字。
  • 步驟2: 寫 標題: 然後按Enter。
  • 步驟3:重複步驟 1 和 2,輸入 暱稱: JLabel 的第二個名稱屬性。

新的 JLabel 名稱將顯示在表單上,並因其編輯的寬度而滾動,如下圖所示。

JLabels顯示文本
JLabels顯示文本

從 Netbeans 中的選單插入元件

通常需要在已放置在表單上的元件之間新增元件。每當您在兩個現有元件之間新增元件時,GUI Builder 都會自動變更它們以為新元件騰出空間。

為了示範這一點,我們將在先前新增的 JLabel 之間插入一個 JTextField,如下面兩個插圖所示。

在兩個 JLabel 之間插入 JTextField:

  • 步驟1: 在視窗裡 托盤,選擇組件 文本域 該類別的 振盪控制.
  • 步驟2:將遊標移至 標題:y 暱稱: JLabels 位於第二行,以便 JTextField 與兩者重疊並與其基線對齊。如果您在放置新文字欄位時遇到問題,可以將其對齊到左側引導線 暱稱 JLabel 如下圖第一張圖所示。
  • 步驟3:點擊以將 JTextField 放置在 標題:暱稱:

JTextField 捕捉到兩個 JLabel 之間的位置。最右邊的 JLabel 移動到 JTextField 的右側,以適應建議的水平滾動。

在兩個 JLabel 之間插入 JTextField
在兩個 JLabel 之間插入 JTextField

我們仍然需要在表單中新增一個額外的 JTextField,以便在表單右側顯示每個聯絡人的暱稱。

要從 Netbeans 中的選單新增 JTextField:

  • 步驟1: 在視窗裡 托盤,選擇組件 文本域 來自搖擺類別。
  • 步驟2:將遊標移至右側 暱稱標籤並點擊以放置文字欄位。

JTextField 捕捉其左側 JLabel 旁邊的位置。

要從 Netbeans 中的選單調整 JTextField 的大小:

  • 步驟1:拖曳調整大小手柄 暱稱:從您在上一個任務中新增到附加 JPanel 右側的標籤的 JTextField 中。
  • 步驟2:當出現垂直對齊線提示文字欄位和 JPanel 邊框之間的邊距時,請釋放滑鼠按鈕以調整 JTextField 的大小。

JTextField 的右邊框與 JPanel 建議的邊框邊距對齊,GUI Builder 會推斷適當的調整大小行為。

  • 步驟3:按 Ctrl-S 儲存檔案。

Netbeans 中的菜單向前發展

對齊是創建具有專業外觀的 GUI 的最基本方面之一。在上一節中,我們透過將 JLabel 和 JTextField 元件新增到 ContactEditorUI 表單中,了解了 IDE 的對齊功能。

  10 最佳 SketchUp 渲染軟體

接下來,當我們處理應用程式所需的其他元件時,我們將更深入地了解 GUI Builder 的對齊功能。

元件對齊

每當您將元件新增至表單時,GUI Builder 都會有效地對齊它們,如顯示的對齊準則所證明的那樣。然而,有時還需要指定組件組之間的不同關係。

之前,我們新增了 ContactEditor GUI 所需的四個 JLabel,但我們沒有對齊它們。現在我們將對齊 JLabels 的兩列,使右邊緣對齊。

要從 Netbeans 中的選單對齊元件:

  • 步驟1:按住該鍵 按Ctrl 然後點擊選擇 名字: y 標題: JLabels 位於表單的左側。
  • 步驟2:點擊按鈕 排隊 在工具列的右側。或者,您可以右鍵單擊其中任何一個並選擇 對齊 > 右對齊 在彈出式選單的列中。
  • 步驟3:也重複此操作 姓氏:Y 暱稱:

JLabels 的位置發生變化,以便其顯示文字的右邊緣對齊。錨關係已更新,表示組件已分組。

在完成之前新增的 JTextField 之前,我們需要確保在 JLabels 之間插入的兩個 JTextField 設定為正確調整大小。

與我們拉伸到表單右邊緣的兩個 JTextField 不同,插入元件的可調整大小行為不會自動設定。

設定組件的可調整大小行為:

  • 步驟1:按住鍵 控制 並點擊兩個插​​入的 JTextField 元件以在 GUI 建構器中選擇它們。
  • 步驟2:選擇兩個 JTextField 後,右鍵單擊其中一個並選擇 自動調整大小 > 水平 從彈出菜單中。

JTextFields 配置為在運行時水平調整大小。更新了對齊指南和錨指示器,提供組件關係的視覺回饋。

配置相同尺寸的組件:

  • 步驟1:按住鍵 控制 並點擊表單上的四個 JTextField 以選擇它們。
  • 步驟2:選擇 JTextFields 後,右鍵單擊其中任何一個並選擇 建立 埃爾米斯莫 尺寸 > 相同寬度 從彈出菜單中。

JTextField 全部設定為相同的寬度,並將指示器新增至每個欄位的頂部邊緣,提供元件關係的視覺回饋。

現在我們需要新增另一個 JLabel,它將編寫 JComboBox,允許使用者選擇 ContactEditor 應用程式將顯示的資訊的格式。

若要將 JLabel 與 Netbeans 選單中的一組元件對齊:

  • 步驟1: 在視窗裡 托盤,選擇組件 標籤 該類別的
  • 步驟2:將遊標移到下方 名字稱謂 JLabels 位於 JPanel 的左側。當出現指南,指示新 JLabel 的右邊緣與上面組件組(兩個 JLabel)的右邊緣對齊時,請按一下以放置該組件。

JLabel 捕捉到右對齊位置,JLabels 列位於頂部,如下圖所示。 GUI Builder 更新指示元件間距和錨點關係的對齊狀態線。

在兩個 JLabel 之間插入 JTextField

與前面的範例一樣,雙擊 JLabel 選擇其顯示文本,然後輸入顯示格式:顯示名稱。請注意,當 JLabel 鎖定到位時,其他元件會移動以適應較長的顯示文字。

Netbeans 選單中的基線對齊

每當您新增或移動包含文字(JLabels、JTextFields 等)的元件時,IDE 都會建議基於元件中文字基線的對齊方式。例如,當我們之前插入 JTextField 時,它的基線會自動與相鄰的 JLabels 對齊。

現在我們將新增一個組合框,允許使用者選擇 ContactEditor 應用程式將顯示的資訊的格式。

當添加 JComboBox 時,我們會將其基線與 JLabel 文字的基線對齊。再看一下基線對齊指南,它似乎可以幫助我們定位。

要從 Netbeans 中的選單對齊元件基線:

  • 步驟1: 在視窗裡 托盤,選擇組件 寇杜巴系列 組合類別 振盪控制.
  • 步驟2:將遊標立即移動到我們剛剛新增的 JLabel 的右側。當出現水平參考線,表示 JComboBox 的基線與 JLabel 中文字的基線對齊,並且兩個元件之間的空間以垂直參考線建議時,按一下以放置組合方塊。

此元件可捕捉到與其左側 JLabel 中的文字基線對齊的位置,如下圖所示。 GUI Builder 顯示指示元件間距和錨點關係的狀態行。

在兩個 JLabel 之間插入 JTextField

要從 Netbeans 中的選單調整 JComboBox 的大小:

  • 步驟1:選擇組合框 圖形使用者介面產生器.
  • 步驟2:將 JComboBox 右邊緣上的調整大小手柄拖曳到右側,直到出現對齊指南,建議 JComboBox 和 JPanel 邊緣之間的首選偏移量。

如下圖所示,JComboBox 的右邊框與 JPanel 建議的邊框邊距對齊,並且元件的寬度自動設定為隨表單調整大小。

按 Ctrl-S
按 Ctrl-S
  • 步驟3: 按 Ctrl-S 保存文件。

編輯元件模型超出了本教學的範圍,因此現在我們將保留 JComboBox 佔位符項目清單不變。

在這裡您可以閱讀: 如何在 Access 建立庫存資料庫

回顧我們所學的內容

我們已經有了一個好的開端,建立我們的 聯繫編輯器 GUI,但讓我們花一點時間回顧一下在添加介面所需的一些組件時所學到的知識。

到目前為止,我們一直專注於在 GUI 中添加組件。 聯繫編輯 使用IDE的對齊指南來幫助我們定位。

然而,重要的是要了解元件放置的另一個組成部分是錨定。儘管我們還沒有討論過,但您已經在不知不覺中利用了此功能。

如上所述,每當您在表單中新增元件時,IDE 都會透過指導建議目標外觀的首選定位。

放置後,新組件也會錨定到最近的容器邊緣或組件,以確保在運行時維護組件關係。在本節中,我們將重點放在以更敏捷的方式完成工作,同時指出 GUI 建構器在幕後所做的工作。