Java FlowLayout 完全指南：預設佈局行為、元件原始尺寸與壓縮特性

FlowLayout 核心行為

• Applet / Panel 預設布局管理器
• 元件水平排列：從左到右，超出寬度自動換行
• 元件保持偏好尺寸 (getPreferredSize())，不被拉伸填滿
• 行內元件垂直置中對齊
• 建構子選項：對齊方式 (LEFT, CENTER, RIGHT) + 水平/垂直間距

最小範例

//: FlowLayout1.java
import java.awt.*;
import java.applet.*;

public class FlowLayout1 extends Applet {
    public void init() {
        setLayout(new FlowLayout()); // 明確指定 (其實是預設)
        for (int i = 0; i < 20; i++)
            add(new Button("Button " + i));
    }
} ///:~

關鍵觀察

• 按鈕寬度 = 文字長度 + 邊距，高度 = 標準按鈕高度
• 視窗縮小時自動換行，寬度足夠時單行顯示
• 所有元件「擠在一起」，無彈性空白分配機制

進階配置

// 靠左對齊，水平間距 10px, 垂直間距 5px
setLayout(new FlowLayout(FlowLayout.LEFT, 10, 5));

// 靠右對齊
setLayout(new FlowLayout(FlowLayout.RIGHT));

// 置中對齊 (預設)
setLayout(new FlowLayout(FlowLayout.CENTER));

常見問題：標籤右對齊失效

Label label = new Label("Name:");
label.setAlignment(Label.RIGHT); // 無效！
add(label);
add(new TextField(20));

原因：Label 偏好寬度 = 文字寬度，無額外空間可對齊。FlowLayout 給元件的空間恰好等於其偏好尺寸。

解決：使用 BorderLayout (Label 放 West, TextField 放 Center) 或 GridBagLayout/MigLayout/FormLayout 實現表單對齊。

適用場景 vs 不適用場景

現代化對應

• Swing：FlowLayout 相容，BoxLayout (X_AXIS) 提供彈性空白 (Box.createHorizontalGlue()) 更強大
• JavaFX：HBox / FlowPane：
  • HBox：單行水平排列，支援 Hgrow 優先權分配剩餘空間
  • FlowPane：自動換行版 FlowLayout，支援 CSS 間距/對齊
• Web CSS：display: flex; flex-wrap: wrap; gap: 8px; 現代流式佈局標準

避坑指南

1. 不要期望 FlowLayout 分配剩餘空白，它只有「間距」沒有「彈性」。
2. 不要用於表單標籤對齊，改用 BorderLayout/GridBagLayout/MigLayout/JavaFX Form 佈局。
3. 元件最小尺寸 (getMinimumSize()) 若大於偏好尺寸，可能導致換行異常，自訂元件需正確實作三尺寸方法。

總結

FlowLayout 是「水平流式排列」的純粹實現：簡單、自然、零配置。它是 Applet/Panel 的預設布局，適合不需對齊、不需填滿、自然換行的輕量排列。理解其偏好尺寸優先、無彈性空白特性，能避免濫用於表單/工具列等需求場景。現代開發中 BoxLayout/HBox/Flexbox 提供更豐富的流式佈局控制能力。