[JAVA100例] 第72例：第一個 Applet 程序——歡迎進入 Applet 世界

本例展示最基礎的 Applet 結構：繼承 Applet 類，覆寫 init() 初始化與 paint() 繪製，在畫布中央顯示問候語。

核心代碼

import java.awt.*;
import java.applet.Applet;

public class Hello_applet extends Applet {
  String s;

  public void init() {
    s = "Hello! welcome into Applet world!";
  }

  public void paint(Graphics g) {
    setFont(new Font(s, Font.BOLD, 16));  // 注意：Font 構造器第一參數應為字體名稱
    g.drawString(s, (getSize().width/2)/2, getSize().height/2);
  }
}

關鍵技術點

• 生命週期：init()（一次性初始化）→ start()（可見時）→ paint()（繪製）→ stop()（不可見時）→ destroy()（銷毀）
• 繪製入口：paint(Graphics g) 由系統自動調用，Graphics 提供 2D 繪圖上下文
• 字體設置：setFont(Font f)，構造器 new Font(name, style, size)
• 文字繪製：g.drawString(text, x, y)，座標基準為 baseline 左端點

代碼中的問題

new Font(s, Font.BOLD, 16) 將字符串內容作為字體名稱傳入，實際應為 "Dialog"、"Serif" 等字體族名。正確寫法：new Font("Dialog", Font.BOLD, 16)。

HTML 嵌入

<applet code="Hello_applet.class" width="300" height="200">
  <param name="message" value="自定義歡迎語">  <!-- 本例未使用參數 -->
</applet>

現代 Web 等效實現

<div style="width:300px;height:200px;display:flex;align-items:center;justify-content:center;font:bold 16px system-ui;">
  Hello! Welcome into Modern Web World!
</div>

或使用 Canvas：

<canvas id="c" width="300" height="200"></canvas>
<script>
  const ctx = c.getContext('2d');
  ctx.font = 'bold 16px system-ui';
  ctx.textAlign = 'center';
  ctx.textBaseline = 'middle';
  ctx.fillText('Hello! Welcome into Modern Web World!', 150, 100);
</script>