Java 動畫消除閃爍的兩大核心技巧：覆寫 update 與雙緩衝

前言

在 Java 圖形界面開發中，動畫閃爍是初學者常遇到的棘手問題。當畫面頻繁重繪時，若處理不當，會產生明顯的閃爍，嚴重影響使用者體驗。本文將深入解析兩種經典且高效的解決方案：覆寫 update(Graphics g) 方法與雙緩衝技術，並提供完整代碼示例，助你徹底根除閃爍困擾。

技巧一：覆寫 update(Graphics g) 方法

閃爍成因分析

在 Java AWT/Swing 中，呼叫 repaint() 觸發重繪流程時，系統預設會先呼叫 update(Graphics g)，該方法預設行為是清除畫面（填充背景色），隨後再呼叫 paint(Graphics g) 繪製新內容。這「先清除、後繪製」的兩步驟過程，正是閃爍的元兇——使用者肉眼可見畫面瞬間變白再顯示內容。

解決方案：直接在 update 中呼叫 paint

若下一幀畫面能完全覆蓋上一幀（例如全屏背景圖、遊戲場景），我們可覆寫 update，跳過清除動作，直接繪製：

public void update(Graphics g) {
    paint(g); // 直接繪製，不清除背景
}

此法簡單有效，適用於「全畫面重繪」場景。若畫面僅局部更新，則不適用，否則會殘留舊畫面產生拖影。

技巧二：雙緩衝技術—— 專業級解決方案

核心原理

雙緩衝在記憶體中建立一個離屏圖像（Off-screen Image），所有繪圖操作先在這個記憶體畫布上完成，繪製完畢後，再一次性將成品繪製到螢幕上。這樣使用者只會看到完整的最終畫面，完全避免了中間過程的閃爍。

實作步驟與代碼示例

1. 建立離屏圖像與繪圖環境：Image offScreenImage = createImage(width, height); 並取得其 Graphics 物件。
2. 在離屏環境繪製所有內容：背景、文字、圖形等全部畫在 offScreenGraphics 上。
3. 一次性繪製到螢幕：在 paint(Graphics g) 中呼叫 g.drawImage(offScreenImage, 0, 0, this);。

// 成員變量
private Image offScreenImage;
private Graphics offScreenGraphics;
private int width, height;

// 初始化（可在構造函數或 init() 中調用）
private void initDoubleBuffer() {
    width = getWidth();
    height = getHeight();
    offScreenImage = createImage(width, height);
    offScreenGraphics = offScreenImage.getGraphics();
    offScreenGraphics.setFont(new Font("Serif", Font.PLAIN, 14));
}

// 繪製邏輯（範例：動態文字滾動）
public void paint(Graphics g) {
    // 1. 若離屏圖像未建立或尺寸變更，重新初始化
    if (offScreenImage == null || width != getWidth() || height != getHeight()) {
        initDoubleBuffer();
    }

    // 2. 在離屏畫布繪製：先清背景，再畫內容
    offScreenGraphics.setColor(getBackground());
    offScreenGraphics.fillRect(0, 0, width, height);
    offScreenGraphics.setColor(getForeground());
    // 這裡放具體繪圖代碼，例如：
    // offScreenGraphics.drawString("You Are Welcome!", 4, height / 2);

    // 3. 將離屏成品一次性畫到螢幕
    g.drawImage(offScreenImage, 0, 0, this);
}

// update 直接呼叫 paint，配合雙緩衝效果最佳
public void update(Graphics g) {
    paint(g);
}

關鍵優勢

• 徹底消除閃爍，畫面平滑流暢。
• 適用於複雜場景、局部更新、遊戲主迴圈等各類動畫。
• 效能開銷極低，現代 JVM 對 createImage 高度優化。

總結與建議

最佳實踐： 現代 Java 圖形開發（含 Swing/AWT/JavaFX）強烈建議直接採用雙緩衝。Swing 組件（繼承 JComponent）預設已開啟雙緩衝（setDoubleBuffered(true)），自訂繪圖時僅需覆寫 paintComponent(Graphics g) 即可自動享受雙緩衝紅利。若使用 AWT Canvas 或需手動控制，請參考本文代碼模板實作。