使用 Canvas 打造專業級 MIDlet 歡迎畫面：定時自動跳轉與觸控按鍵即時跳過

為什麼不用 Alert？

雖然 Alert 可用 setTimeout 並搭配 display.setCurrent(alert, nextScreen) 實現簡易啟動畫面，但實測缺點明顯：

• 顯示時間不可精確控制 (部份手機最短 2-3 秒)。
• 無法自訂繪圖邏輯 (動畫、漸變、品牌 Logo 精確置中)。
• 按鍵回應延遲，體驗生硬。

Canvas + Timer 方案提供完全可控的視覺呈現與交互邏輯。

核心類別：WelcomeCanvas

import javax.microedition.lcdui.*;
import java.io.IOException;
import java.util.Timer;
import java.util.TimerTask;

public class WelcomeCanvas extends Canvas {
    private Display display;
    private Displayable nextScreen;      // 跳轉目標
    private Timer timer = new Timer();
    private long displayTime = 3000;     // 預設 3 秒
    private Image splashImage;           // 快取圖片避免重複載入

    public WelcomeCanvas(Display display, Displayable nextScreen) {
        this.display = display;
        this.nextScreen = nextScreen;
        loadImage();
    }

    private void loadImage() {
        try {
            // 圖片放在 /res 或 src 根目錄，打包進 JAR
            splashImage = Image.createImage("/splash.png");
        } catch (IOException e) {
            // 圖片載入失敗時備用：繪製純色背景 + 文字
            splashImage = null;
        }
    }

    // 設定顯示毫秒數
    public void setDisplayTime(long ms) {
        this.displayTime = ms;
    }

    // Canvas 顯示時啟動計時器
    protected void showNotify() {
        timer.schedule(new TimerTask() {
            public void run() {
                dismiss();
            }
        }, displayTime);
    }

    // 繪製邏輯：置中顯示圖片，支援雙緩衝
    protected void paint(Graphics g) {
        int w = getWidth(), h = getHeight();
        g.setColor(0xFFFFFF); // 白底
        g.fillRect(0, 0, w, h);

        if (splashImage != null) {
            // 置中繪製
            g.drawImage(splashImage, w / 2, h / 2, Graphics.HCENTER | Graphics.VCENTER);
        } else {
            // 文字備用
            g.setColor(0x000000);
            g.drawString("Loading...", w / 2, h / 2, Graphics.HCENTER | Graphics.BOTTOM);
        }
    }

    // 任意按鍵觸發跳過
    protected void keyPressed(int keyCode) {
        dismiss();
    }

    // 觸控螢幕支援
    protected void pointerPressed(int x, int y) {
        dismiss();
    }

    // 統一跳轉邏輯：取消計時器、切換畫面
    private void dismiss() {
        timer.cancel();
        display.setCurrent(nextScreen);
    }
}

MIDlet 整合：MyMIDlet

public class MyMIDlet extends MIDlet {
    private Display display;
    private Form mainForm;

    protected void startApp() {
        if (display == null) {
            display = Display.getDisplay(this);
            mainForm = new Form("主功能選單");
            mainForm.append("歡迎進入主程式！");
            // 可在這裡加入 List、TextBox 等真實功能畫面
        }

        WelcomeCanvas welcome = new WelcomeCanvas(display, mainForm);
        welcome.setDisplayTime(6000); // 6 秒品牌曝光
        display.setCurrent(welcome);
    }

    protected void pauseApp() {}
    protected void destroyApp(boolean unconditional) {}
}

進階擴充：播放開機動畫

若需播放幀動畫 (參考系列文章「基於 MIDP 1.0 實現動畫效果」)，可在 WelcomeCanvas 中整合 AnimatedImage：

// 在 WelcomeCanvas 增加欄位
private AnimatedImage animation;

// 建構子載入動畫幀
Image[] frames = new Image[7];
for (int i = 0; i < 7; i++) {
    frames[i] = Image.createImage("/anim/bird" + i + ".png");
}
animation = new AnimatedImage(this, frames); // 繼承自 TimerTask
animation.move(20, 20);

// showNotify 改為同時啟動動畫 Timer
timer.schedule(animation, 0, 100); // 每 100ms 換幀
timer.schedule(new TimerTask() { public void run() { dismiss(); } }, displayTime);

// paint 方法中繪製動畫
protected void paint(Graphics g) {
    // ... 背景清除 ...
    if (animation != null) animation.draw(g);
}

最佳實踐清單

小結

Canvas + Timer + TimerTask 模式賦予開發者對啟動畫面的完全掌控：精確計時、豐富視覺 (靜態圖/動畫/漸變)、即時交互跳過。此模式已成為專業 J2ME 應用的標準啟動體驗實作方式。

1. 上一篇文章： J2ME 簡訊發送實作指南：WMA API 完整範例與三種發送模式比較
2. 下一篇文章： J2ME 雙緩衝技術徹底解析：解決畫面閃爍的關鍵模式

J2ME

J2ME 核心概念解析：MIDlet、MIDlet Suite 與應用程式管理器

J2ME 核心概念解析：MIDlet、MIDlet Sui

適應中國網絡的 J2ME 連網實戰（三）：GPRS 連線建立與圖片下載

本文深入說明在中國移動 CMWAP、聯通 UNIWAP 環境

Java ME 開發：也說 MVC 設計模式（一）

【更新】 本文將適時更新，目前非終稿，如有不當之處敬請指正。

JSR-82 核心 API 深度解析（上）：藍牙發現、UUID 與服務記錄機制

藍牙技術背景與 JSR-82 定位 JSR-82 定義了 J