J2ME中調(diào)用Canvas制作游戲菜單
你對J2ME中使用Canvas制作簡單的游戲菜單是否熟悉，這里和大家分享一下，我們知道MIDP的圖形用戶界面分為兩類，分別是高級圖形用戶界面和低級用戶界面。一般來講高級圖形用戶界面類使用起來比較方便，可移植性強(qiáng)，但是程序員對他的控制能力也很低，因為它們的界面表現(xiàn)是由底層控制的，而不是我們控制的。
J2ME中使用Canvas制作簡單的游戲菜單
我們知道MIDP的圖形用戶界面分為兩類，分別是高級圖形用戶界面和低級用戶界面。一般來講高級圖形用戶界面類使用起來比較方便，可移植性強(qiáng)，但是程序員對他的控制能力也很低，因為它們的界面表現(xiàn)是由底層控制的，而不是我們控制的。相比高級UI類，低級UI類則使用起來更難一些，但是控制能力更強(qiáng)，可以做出自己需要的界面。
Canvas和Graphics是我們必須熟練使用的兩個類，分別代表了畫布和畫筆（事實上更豐富，姑且這么比喻）。而我們則是畫畫的人，而指導(dǎo)我們?nèi)绾蜗鹿P的就是Javadoc了，再加上勤奮努力一定可以畫出不錯的界面。比如tabbed菜單，二級菜單等。這里我們講述一個簡單菜單的制作方式。
在畫菜單的時候，需要考慮兩面的問題，***是計算相對位置，讓菜單能夠盡可能適應(yīng)更多的機(jī)型，盡量少使用絕對值。例如畫下面的菜單的時候
我們應(yīng)該計算菜單的每個條目的高度，這些可以有Font的高度算出，當(dāng)然你可以給條目留一些padding的距離。還應(yīng)該計算條目的最寬值，畢竟每個條目的字?jǐn)?shù)不一樣。這樣基本知道了整個菜單占的空間。***還需要計算菜單在屏幕的位置。菜單的繪制如下所示：
Java代碼
- publicvoidpaint(Graphicsg){
- //清除屏幕
- intcolor=g.getColor();
- g.setColor(0xFFFFFF);
- g.fillRect(0,0,getWidth(),getHeight());
- g.setColor(color);
- //計算整個菜單的高度，寬度和（x,y）
- intrectWidth=preferWidth;
- intrectHeight=preferHeight*LABELS.length;
- intx=(getWidth()-rectWidth)/2;
- inty=(getHeight()-rectHeight)/2;
- //畫矩形
- g.drawRect(x,y,rectWidth,rectHeight);
- for(inti=1;i<LABELS.length;i++){
- g.drawLine(x,y+preferHeight*i,
- x+rectWidth,y+preferHeight*i);
- }
- //畫菜單選項，并根據(jù)selected的值判斷焦點
- for(intj=0;j<LABELS.length;j++){
- if(selected==j){
- g.setColor(0x6699cc);
- g.fillRect(x+1,y+j*preferHeight+1,
- rectWidth-1,preferHeight-1);
- g.setColor(color);
- }
- g.drawString(LABELS[j],x+8,y+j*preferHeight+4,
- Graphics.LEFT|Graphics.TOP);
- }
- }
#p#第二個重要的問題是：焦點的切換，在高級UI類中，這是不需要我們處理的。但是使用Canvas制作菜單需要自己來處理焦點的移動，這里我們定義一個int類型變量selected，來記錄焦點所在的菜單條目位置,也就是選擇的索引。當(dāng)用戶按鍵的時候，我們在keyPressed()方法中判斷用戶的移動方向，對selected進(jìn)行相關(guān)的加減運算，然后repaint()整個屏幕即可。
Java代碼
- publicvoidkeyPressed(intkeyCode){
- //根據(jù)用戶輸入更新selected的值，并重新繪制屏幕
- intaction=this.getGameAction(keyCode);
- switch(action){
- caseCanvas.FIRE:
- printLabel(selected);
- break;
- caseCanvas.DOWN:
- selected=(selected+1)%4;
- break;
- caseCanvas.UP:{
- if(--selected<0){
- selected+=4;
- }
- break;
- }
- default:
- break;
- }
- repaint();
- serviceRepaints();
- }
這樣我們就制作出了一個基本的菜單，你還可以發(fā)揮想象給被選中的菜單增加動畫效果。MenuCanvas的代碼如下所示：
Java代碼
- packagecom.j2medev.chapter3;
- importjavax.microedition.lcdui.*;
- publicclassMenuCanvasextendsCanvas{
- //selected變量標(biāo)記了焦點位置
- privateintselected=0;
- privateintpreferWidth=-1;
- privateintpreferHeight=-1;
- publicstaticfinalint[]OPTIONS={0,1,2,3};
- publicstaticfinalString[]LABELS={"NewGame",
- "Setttings","HighScores","Exit"};
- publicMenuCanvas(){
- selected=OPTIONS[0];
- //計算菜單選項的長度和高度值
- FontFontf=Font.getDefaultFont();
- for(inti=0;i<LABELS.length;i++){
- inttemp=f.stringWidth(LABELS[i]);
- if(temp>preferWidth){
- preferWidth=temp;
- }
- }
- preferWidthpreferWidth=preferWidth+2*8;
- preferHeight=f.getHeight()+2*4;
- }
- publicvoidpaint(Graphicsg){
- //清除屏幕
- intcolor=g.getColor();
- g.setColor(0xFFFFFF);
- g.fillRect(0,0,getWidth(),getHeight());
- g.setColor(color);
- //計算整個菜單的高度，寬度和（x,y）
- intrectWidth=preferWidth;
- intrectHeight=preferHeight*LABELS.length;
- intx=(getWidth()-rectWidth)/2;
- inty=(getHeight()-rectHeight)/2;
- //畫矩形
- g.drawRect(x,y,rectWidth,rectHeight);
- for(inti=1;i<LABELS.length;i++){
- g.drawLine(x,y+preferHeight*i,
- x+rectWidth,y+preferHeight*i);
- }
- //畫菜單選項，并根據(jù)selected的值判斷焦點
- for(intj=0;j<LABELS.length;j++){
- if(selected==j){
- g.setColor(0x6699cc);
- g.fillRect(x+1,y+j*preferHeight+1,
- rectWidth-1,preferHeight-1);
- g.setColor(color);
- }
- g.drawString(LABELS[j],x+8,y+j*preferHeight+4,
- Graphics.LEFT|Graphics.TOP);
- }
- }
- publicvoidkeyPressed(intkeyCode){
- //根據(jù)用戶輸入更新selected的值，并重新繪制屏幕
- intaction=this.getGameAction(keyCode);
- switch(action){
- caseCanvas.FIRE:
- printLabel(selected);
- break;
- caseCanvas.DOWN:
- selected=(selected+1)%4;
- break;
- caseCanvas.UP:{
- if(--selected<0){
- selected+=4;
- }
- break;
- }
- default:
- break;
- }
- repaint();
- serviceRepaints();
- }
- //showNotify()在paint()之前被調(diào)用
- publicvoidshowNotify(){
- System.out.println("showNotify()iscalled");
- }
- privatevoidprintLabel(intselected){
- System.out.println(LABELS[selected]);
- }
- }
【編輯推薦】
- 深入探究Myeclipse J2ME開發(fā)環(huán)境配置
- 深入了解J2ME Polish+Eclipse配置過程
- NetBeans開發(fā)J2ME時環(huán)境變量配置
- Eclipse中進(jìn)行JVM內(nèi)存設(shè)置
- 解析Linux下如何用eclipse搭建J2ME開發(fā)環(huán)境
