顯示說明文件

開始之前,您必須先完成

在這個練習中,您將利用 Java 視覺化編輯器來新增 JScrollPane 和 JTable 到應用程式中。在稍後的練習中,您會將 JTable 設計成從傳回 company 目錄中的完整員工清單之 Web 服務中取得它的資料。 新增 JTable 之後,您將利用 Java 視覺化編輯器的設計視圖來自訂 JTable 的佈置,使它符合下列規格:

在 Java 視覺化編輯器中開啟 DirectoryApp.java 檔:

如果要在 Java 視覺化編輯器中開啟 DirectoryApp.java 檔,請執行下列動作:

  1. 在 Java 視景的「套件瀏覽器」視圖中,展開 MyDirectory 專案和 directory.client 套件。
  2. 用滑鼠右鍵按一下 DirectoryApp.java 檔,選取開啟工具 > 視覺化編輯器。 Java 視覺化編輯器會載入 Java 類別,且會將設計顯示在圖形畫布區域中。

    喜好設定:

在 JScrollPane 中新增 JTable:

DirectoryApp.java 的主視窗利用含 JPanel 的 JFrame 來作為它的主要內容窗格。 我們的應用程式中的 JPanel 稱為 jContentPane。jContentPane 已設成使用稱為 GridBagLayout 的佈置管理程式類型。 GridBagLayout 以視覺化元件所能佔用的資料格線為基礎,是一種功能強大的佈置設計。 Java 視覺化編輯器會顯示格線邊框,方便您使用 GridBagLayout。 它也會在您將新元件放在格線上時顯示放置標記,此外,它亦會顯示在 GridBagLayout 上調整大小或移動的元件之控點。

如果要將員工表 (javax.swing.JTable) 新增至 DirectoryApp.java 使用者介面中,請執行下列動作:

  1. 在設計視圖或 Java Bean 視圖中,用滑鼠右鍵按一下 jContentPane,選取顯示格線。 紅色點虛線顯示格線邊框,藍色圓圈編號指示列和直欄號碼。 比方說,請注意新建按鈕會佔用第 1 列(格線 y)和第 3 直欄(格線 x)的資料格。

    圖形式畫布的格線

  2. 在 Java 視覺化編輯器選用區中,選取 JScrollPane 中的 JTable Swing 元件,它分類在選用區的 Swing 元件抽屜之下。

    要訣:依預設,選用區會收合在設計區的右側。 您可以調整選用區的大小,也可以移動選用區。

  3. 將滑鼠指標移至第 1 列、第 0 直欄格線中的資料格:

    放在格線的位置

  4. 按一下滑鼠左鍵,將 JScrollPane 和 JTable 放在第 1 列、第 0 直欄的資料格中:

    將表格放在格線上

使 JScrollPane 和 JTable 跨越格線的多個直欄和列

現在,您要使 JScrollPane(及其子項 JTable)跨越三個直欄和兩列,以便有更好的調整間距和大小的行為。 如果要使表格跨越直欄和列,請執行下列動作:

  1. 在設計區域或 Java Beans 視圖中選取 JScrollPane(它應該仍在選取狀態,因為它是剛加入的)。 請注意 JScrollPane 的右側和底端的小綠方塊。 您將利用這些調整大小的控點來拖曳 JScrollPane,使它跨越多列和多直欄。
  2. 在 JScrollPane 右側的綠色控點上,按住滑鼠左鍵。
  3. 將滑鼠指標向右拖曳,直到位置指示第 1 列、第 2 直欄為止。深灰色的陰影指示放開滑鼠按鈕時,元件將佔用的資料格。

    拖曳表格跨越三個直欄

  4. 放開滑鼠按鈕。這時 JScrollPane 會跨越三個直欄。
  5. 重複類似的程序來拖曳 JScrollPane 的底端控點,直到 JScrollPane 跨越第 2 列為止:

    拖曳表格跨越兩列

在 GridBag 內自訂 JScrollPane 的間距

GridBagLayout 管理程式的另一個特性是您可以指定各種限制來進一步自訂佈置。 比方說,您可以指定下列限制:

如果要自訂 JScrollPane 的錨點、填入項和插入項,請執行下列動作:

  1. 在設計視圖或 Java Bean 視圖中,用滑鼠右鍵按一下 JScrollPane,選取自訂佈置

    jScrollPane 的蹦現功能表

    要訣:當您選取和變更不同元件的佈置時,「自訂佈置」對話框可以維持開啟狀態。 您可以隨時按一下功能表列中的「自訂佈置」按鈕來開啟「自訂佈置」對話框:

  2. 在「自訂佈置」對話框的「元件」標籤中,確定已按下錨定中央按鈕。
  3. 確定已按下水平填入垂直填入按鈕。
  4. 新增 15 像素的左側插入項,使 JScrollPane 左側的間距類似於應用程式中的其他視覺化元件。

    「自訂佈置」對話框

    比方說,這時表格會對齊「過濾器」標籤。

    在圖形式畫布對齊 JTable

將新的 JTable 重新命名成有用的值,設定它來選取某個單列:

由於您稍後會使用表格,因此,將 JTable 實例及其 getter 方法重新命名將會很有用。 如果要重新命名表格,請執行下列動作:

  1. 在 Java Bean 視圖中,用滑鼠右鍵按一下 jTable 元件,從蹦現功能表中選取重新命名欄位

    jTable 的快速功能表

  2. 輸入 employeesTable,按一下確定。 這時 JTable 名稱為 employeesTable,建立它的實例方法是 getEmployeesTable。

如果要將表格設定成只容許選取單一列,請執行下列動作:

  1. 在設計視圖中,選取 employeesTable。
  2. 在「內容」視圖中,選取 selectionMode 內容,將它設成 SINGLE_SELECTION。

    顯示 JTable 之 SINGLE_SELECTION 的「內容」視圖

  3. 儲存 DirectoryApp.java 檔。

現在您已準備好開始進行

使用條款 | 讀者意見
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.