Java Layout Manager 實戰應用：從理論到工程級介面架構

Layout Manager 是 Java GUI 開發獨有的概念，初學者常覺得難以控制。本文從工程角度切入，以典型資料庫應用介面為例，示範如何透過容器分層分組與Layout 組合策略，建構彈性、可維護的介面架構。

介面拆解與容器分組策略

典型資料庫應用介面可分為兩大區塊，再遞迴細分：

JFrame (BorderLayout)
 ├─ CENTER: DataContentPanel (BorderLayout)
 │    ├─ CENTER: DataListPanel (GridLayout 1x1 / BorderLayout) → JList/JTable
 │    └─ SOUTH: DataEditorPanel (GridBagLayout) → 編輯欄位群
 └─ SOUTH: ButtonPanel (FlowLayout) → 功能按鈕群

Layout 選擇決策邏輯

空間分配特性深度解析

• FlowLayout：尊重元件 preferredSize，不強制拉伸。
• GridLayout：無視 preferredSize，強制等分容器空間。
• BorderLayout：N/S 保持高度、E/W 保持寬度、CENTER 佔據所有剩餘空間 — 介於前兩者之間。

理解這三者差異，即可預測視窗縮放時的元件行為。

完整實作代碼 (核心片段)

public class LayoutSample {
  public static void main(String[] args) {
    JFrame frame = new JFrame("Layout Demo");
    Container c = frame.getContentPane();
    c.setLayout(new BorderLayout()); // 可省略，預設即為 BorderLayout

    // DataContent (CENTER)
    JPanel dataContent = new JPanel(new BorderLayout());
    JPanel dataList = new JPanel(new GridLayout(1,1));
    dataList.add(new JList());
    JPanel dataEditor = new JPanel(); // 實際建議用 GridBagLayout
    dataEditor.add(new JTextField(20));
    dataContent.add(dataList, BorderLayout.CENTER);
    dataContent.add(dataEditor, BorderLayout.SOUTH);

    // Buttons (SOUTH)
    JPanel buttons = new JPanel(new FlowLayout()); // 預設 FlowLayout
    buttons.add(new JButton("新增"));
    buttons.add(new JButton("修改"));
    buttons.add(new JButton("刪除"));
    buttons.add(new JButton("儲存"));

    c.add(dataContent, BorderLayout.CENTER);
    c.add(buttons, BorderLayout.SOUTH);

    frame.setSize(400, 400);
    frame.setVisible(true);
  }
}

工程經驗總結

1. 分而治之：將複雜介面拆解為獨立容器，各自負責區域內部 Layout。
2. 組合大於繼承：善用標準 Layout 組合，避免自訂 LayoutManager (除非極特殊需求)。
3. 預設值陷阱：JPanel 預設 FlowLayout，JFrame 預設 BorderLayout，明確設定可避免誤解。
4. 測試縮放：開發過程頻繁拖曳視窗邊緣，觀察元件重排行為，及早發現 Layout 設定錯誤。

掌握容器分層與 Layout 組合策略，Java GUI 版面配置將不再是難題，而是結構化的工程任務。