程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> JAVA編程 >> JAVA編程入門知識 >> Java咖啡館(10):情人節的Applet

Java咖啡館(10):情人節的Applet

編輯:JAVA編程入門知識

朋友們大家好,Java咖啡館又開張了!這次為喜歡Java的朋友們奉上Applet系列教程,讓我們一起步入圖形界面Java應用程序的世界!

本期咖啡館的實例程序是送給各位同道好友用來討女孩子歡心的,效果如圖所示。圖片上有“老鼠愛大米”字樣的星辰出現在蔚藍色的天空中,再加上一些文字輔助,像模像樣的新聞呢,一定給她驚喜!

事先聲明,這些信息純屬虛構,僅供娛樂,祝各位情人節快樂而已,不過,用心做出來的禮物絕對比上街買的鮮花禮物更彌足珍貴吧!

Applet一分鐘入門

與咖啡館以前介紹的Java應用程序不同,Java Applet是一種鑲嵌在HTML網頁中,然後由支持Java的浏覽器(比如Netscape Navigator、IE以及現在流行的Firefox)下載並啟動運行的Java程序。雖然Applet運行在浏覽器中,由於Java本身的強大功能,它可以完成許多HTML本身無法做到的效果,比如網絡通訊以及復雜的網頁特效。

說到這裡,大家很自然會把Applet跟Macromedia公司的Flash技術進行比較。沒錯,它們有很多相似之處,比如都是通過插件運行在浏覽器中,能帶給浏覽器更豐富的交互功能(比如在線游戲),甚至可以擴展到了高端手機中。相對而言,Flash的強項在於矢量動畫,而且非常輕便,一個插件1MB都不到;而Applet是一個全功能技術,與J2EE技術結合起來將給你更大的想象空間,這是Flash技術不能比擬的。

編寫一個Applet只需要四個步驟:

1.Import相應的類和包

2.從Applet類繼承一個子類

3.實現某些Applet的方法

4.嵌入網頁運行

如果你有些無法理解上面的術語,趕快翻開去年的Java咖啡館連載溫故而知新吧!

設計Applet

或許有的朋友接觸過類似游戲,但那些網頁基本都是通過動態網頁技術,比如PHP、ASP、JSP等在服務器端繪制圖片然後顯示出來的。殺雞焉用牛刀,通過最簡單的Applet,然後再玩一些小技巧同樣能達到完美效果,並且不需要特殊的服務器來執行動態網頁,普通的靜態個人主頁空間裡也能夠實現這個效果。

首先讓我們完成這個Applet程序設計,也就是完成Applet編寫步驟的前三步。說穿了,這個Applet的工作只是讀取背景圖片然後繪制“老鼠愛大米”字樣。關鍵問題在於,“老鼠”和“大米”應該可以通過參數控制,比如替換成“帥哥”、“美女”等,這樣就可以當做一種服務提供給朋友,讓他們通過設定網頁參數達到不同的星辰效果,而不是讓他們手動修改源代碼。實際上,Applet可以通過getParameter()方法從HTML中獲取參數。

還是讓我們通過源代碼來了解Applet吧。打開Eclipse,新建一個NewsApplet類,輸入如下代碼:
import java.applet.Applet;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Image;
import java.awt.MediaTracker;

public class NewsApplet extends Applet {
Image snapshot;

String from, to; public void init() {
from = null == getParameter("from") ? "老鼠" : getParameter("from");
to = null == getParameter("to") ? "大米" : getParameter("to");

snapshot = getImage(getCodeBase(), "snapshot.jpg");
MediaTracker tracker = new MediaTracker(this);
tracker.addImage(snapshot, 0);

try {
tracker.waitForID(0);
} catch (Exception e) {
System.out.println("無法下載snapshot.jpg!");
}
}

public void paint(Graphics g) {
g.drawImage(snapshot, 0, 0, snapshot.getWidth(this), snapshot.getHeight(this), this);

g.setFont(new Font("華文彩雲", Font.BOLD + Font.ITALIC, 14));
g.setColor(Color.white);

g.drawString(from, 30, 90);
g.drawString("愛", 50, 105);
g.drawString(to, 70, 120);
}
}

下面解釋一下代碼:

首先,所有Applet程序都是從Applet類繼承而來的,所以用extends Applet表示這種繼承關系,這樣NewsApplet類便擁有了Applet類的所有能力。

接著是三個成員變量,snapshot用來讀取snapshot.jpg圖片,也就是圖中顯示的海洋和椰子樹的圖片,這個圖片應該放在Eclipse項目的根目錄中,即與最終的class文件處於同一個目錄中;from和to用來記錄你和她的名字。

然後是兩個方法,init()和paint()。每個applet可以實現許多方法,有的表明生命周期,有的負責繪圖和事件的觸發。比如NewsApplet類中的init()方法將會在Applet每次裝載的時候被調用,而paint()方法將會在每次重繪時候被調用。

init()函數非常適合進行資源初始化,比如程序中首先通過getParameter()函數獲取網頁中提供的參數,然後用getImage()讀取圖像資源並且用MediaTracker的waitForID()方法確保圖片完成下載。

paint()非常重要,它完成了所有的繪圖過程。在代碼中,首先通過drawImage()方法繪制圖像,然後再適當的位置把星辰的文字畫上去即可。

OK,保存一下項目,然後可以點擊Eclipse的Run菜單的Run as-Java Applet項來預覽這個Applet了,是不是很簡單?

結合網頁
把Applet嵌入網頁很簡單,只要一個<applet>標簽即可。拿我們的NewsApplet類舉例,在Eclipse項目的根目錄中新建一個sample.htm,源代碼如下:

<html>

<body>

<applet code="NewsApplet.class" codebase="." width=480
height=384>

<param name="from" value="Prince Charming">

<param name="to" value="Cinderella">

</applet>

</body>

</html>

其中<applet>標簽表示這裡定義一個Applet,它對應的文件名是NewsApplet.class,它的相對路徑是當前目錄。<applet>標簽中有兩個<param>標簽,這就是上文提到過的傳遞給Applet的參數。

Just Do It

如果現在用浏覽器打開這個sample.htm將會得到什麼結果?驗證你的猜測。

除了用浏覽器觀察Applet,J2SE SDK提供的小工具appletviewer也非常好用。打開Windows的“命令提示符”,進入sample.htm所在的目錄,然後輸入:appletviewer sample.htm,來親自體驗一下appletviewer吧。
與JavaScript交互

JavaScript應該是大家非常熟悉的客戶端腳本語言。雖然名字中帶有Java,但它和Java語言只是在語法上有類似之處,JavaScript是由浏覽器解釋運行,與Applet由Java虛擬機執行完全不一樣。不過,這兩個沒有血緣關系的同班同學倒是可以精誠合作,Applet實現底層的工作,JavaScript執行更高層的調用,從而實現意想不到的效果。

JavaScript可以通過多種途徑操縱Applet。首先,JavaScript能調用Applet中的public的方法,這時的Applet好像一個聽話的機器人一樣好用。另外一種方法就是用JavaScript直接修改HTML結構,這樣可以定制Applet的各種屬性,有更大的靈活性。

剛才說了,我們的目標是把這個Applet制作成一種服務,即使不懂編程的朋友通過設置網頁的參數就能夠使用,因為不是每個人都有能力(或者精力)修改源代碼的。所以,需要把Applet的參數做成可定制的,而這個只能夠由JavaScript完成。雖然我們可以給Applet寫一些類似於setFrom()和setTo()的方法給JavaScript調用,但是問題在於JavaScript函數的執行時機,因為Applet無法通知JavaScript它已經完成初始化操作了。

所以,我們應該走第二條路,即用JavaScript直接修改HTML結構,動態把<applet>標簽寫入HTML。從而,我們最終版本的index.htm代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>大千世界無奇不有</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>

<body>

<script language="JavaScript">

// 得到URL中的參數

var urlquery = location.href.split("?");
if (urlquery.length > 1) {

// 解析參數並獲取from和to

var urlterms = urlquery[1].split("&");

var from = decodeURIComponent(urlterms[0].substring(5));

var to = decodeURIComponent(urlterms[1].substring(3));
// 動態把<applet>標簽寫入HTML

document.write(<center>);

document.write(<h1>愛琴海上千年罕見的奇觀</h1>);

document.write(</center>);

document.write(<hr>);

document.write(<p align=center>http://www.cfan.com.cn 2005年2月14日 記者:GaryCha
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved