J2ME中调用Canvas制作游戏菜单

你对J2ME中使用Canvas制作简单的游戏菜单是否熟悉,这里和大家分享一下,我们知道MIDP的图形用户界面分为两类,分别是高级图形用户界面和低级用户界面。一般来讲高级图形用户界面类使用起来比较方便,可移植性强,但是程序员对他的控制能力也很低,因为它们的界面表现是由底层控制的,而不是我们控制的。

J2ME中使用Canvas制作简单的游戏菜单

我们知道MIDP的图形用户界面分为两类,分别是高级图形用户界面和低级用户界面。一般来讲高级图形用户界面类使用起来比较方便,可移植性强,但是程序员对他的控制能力也很低,因为它们的界面表现是由底层控制的,而不是我们控制的。相比高级UI类,低级UI类则使用起来更难一些,但是控制能力更强,可以做出自己需要的界面。

Canvas和Graphics是我们必须熟练使用的两个类,分别代表了画布和画笔(事实上更丰富,姑且这么比喻)。而我们则是画画的人,而指导我们如何下笔的就是Javadoc了,再加上勤奋努力一定可以画出不错的界面。比如tabbed菜单,二级菜单等。这里我们讲述一个简单菜单的制作方式。

在画菜单的时候,需要考虑两面的问题,***是计算相对位置,让菜单能够尽可能适应更多的机型,尽量少使用绝对值。例如画下面的菜单的时候

我们应该计算菜单的每个条目的高度,这些可以有Font的高度算出,当然你可以给条目留一些padding的距离。还应该计算条目的最宽值,毕竟每个条目的字数不一样。这样基本知道了整个菜单占的空间。***还需要计算菜单在屏幕的位置。菜单的绘制如下所示:

Java代码

 
 
 
  1. publicvoidpaint(Graphicsg){
  2. //清除屏幕
  3. intcolor=g.getColor();
  4. g.setColor(0xFFFFFF);
  5. g.fillRect(0,0,getWidth(),getHeight());
  6. g.setColor(color);
  7. //计算整个菜单的高度,宽度和(x,y)
  8. intrectWidth=preferWidth;
  9. intrectHeight=preferHeight*LABELS.length;
  10. intx=(getWidth()-rectWidth)/2;
  11. inty=(getHeight()-rectHeight)/2;
  12. //画矩形
  13. g.drawRect(x,y,rectWidth,rectHeight);
  14. for(inti=1;i
  15. g.drawLine(x,y+preferHeight*i,
  16. x+rectWidth,y+preferHeight*i);
  17. }
  18. //画菜单选项,并根据selected的值判断焦点
  19. for(intj=0;j
  20. if(selected==j){
  21. g.setColor(0x6699cc);
  22. g.fillRect(x+1,y+j*preferHeight+1,
  23. rectWidth-1,preferHeight-1);
  24. g.setColor(color);
  25. }
  26. g.drawString(LABELS[j],x+8,y+j*preferHeight+4,
  27. Graphics.LEFT|Graphics.TOP);
  28. }
  29. }

#p#第二个重要的问题是:焦点的切换,在高级UI类中,这是不需要我们处理的。但是使用Canvas制作菜单需要自己来处理焦点的移动,这里我们定义一个int类型变量selected,来记录焦点所在的菜单条目位置,也就是选择的索引。当用户按键的时候,我们在keyPressed()方法中判断用户的移动方向,对selected进行相关的加减运算,然后repaint()整个屏幕即可。

Java代码

 
 
 
  1. publicvoidkeyPressed(intkeyCode){
  2. //根据用户输入更新selected的值,并重新绘制屏幕
  3. intaction=this.getGameAction(keyCode);
  4. switch(action){
  5. caseCanvas.FIRE:
  6. printLabel(selected);
  7. break;
  8. caseCanvas.DOWN:
  9. selected=(selected+1)%4;
  10. break;
  11. caseCanvas.UP:{
  12. if(--selected<0){
  13. selected+=4;
  14. }
  15. break;
  16. }
  17. default:
  18. break;
  19. }
  20. repaint();
  21. serviceRepaints();
  22. }

这样我们就制作出了一个基本的菜单,你还可以发挥想象给被选中的菜单增加动画效果。MenuCanvas的代码如下所示:

Java代码

 
 
 
  1. packagecom.j2medev.chapter3;
  2. importjavax.microedition.lcdui.*;
  3. publicclassMenuCanvasextendsCanvas{
  4. //selected变量标记了焦点位置
  5. privateintselected=0;
  6. privateintpreferWidth=-1;
  7. privateintpreferHeight=-1;
  8. publicstaticfinalint[]OPTIONS={0,1,2,3};
  9. publicstaticfinalString[]LABELS={"NewGame",
  10. "Setttings","HighScores","Exit"};
  11. publicMenuCanvas(){
  12. selected=OPTIONS[0];
  13. //计算菜单选项的长度和高度值
  14. FontFontf=Font.getDefaultFont();
  15. for(inti=0;i
  16. inttemp=f.stringWidth(LABELS[i]);
  17. if(temp>preferWidth){
  18. preferWidth=temp;
  19. }
  20. }
  21. preferWidthpreferWidth=preferWidth+2*8;
  22. preferHeight=f.getHeight()+2*4;
  23. }
  24. publicvoidpaint(Graphicsg){
  25. //清除屏幕
  26. intcolor=g.getColor();
  27. g.setColor(0xFFFFFF);
  28. g.fillRect(0,0,getWidth(),getHeight());
  29. g.setColor(color);
  30. //计算整个菜单的高度,宽度和(x,y)
  31. intrectWidth=preferWidth;
  32. intrectHeight=preferHeight*LABELS.length;
  33. intx=(getWidth()-rectWidth)/2;
  34. inty=(getHeight()-rectHeight)/2;
  35. //画矩形
  36. g.drawRect(x,y,rectWidth,rectHeight);
  37. for(inti=1;i
  38. g.drawLine(x,y+preferHeight*i,
  39. x+rectWidth,y+preferHeight*i);
  40. }
  41. //画菜单选项,并根据selected的值判断焦点
  42. for(intj=0;j
  43. if(selected==j){
  44. g.setColor(0x6699cc);
  45. g.fillRect(x+1,y+j*preferHeight+1,
  46. rectWidth-1,preferHeight-1);
  47. g.setColor(color);
  48. }
  49. g.drawString(LABELS[j],x+8,y+j*preferHeight+4,
  50. Graphics.LEFT|Graphics.TOP);
  51. }
  52. }
  53. publicvoidkeyPressed(intkeyCode){
  54. //根据用户输入更新selected的值,并重新绘制屏幕
  55. intaction=this.getGameAction(keyCode);
  56. switch(action){
  57. caseCanvas.FIRE:
  58. printLabel(selected);
  59. break;
  60. caseCanvas.DOWN:
  61. selected=(selected+1)%4;
  62. break;
  63. caseCanvas.UP:{
  64. if(--selected<0){
  65. selected+=4;
  66. }
  67. break;
  68. }
  69. default:
  70. break;
  71. }
  72. repaint();
  73. serviceRepaints();
  74. }
  75. //showNotify()在paint()之前被调用
  76. publicvoidshowNotify(){
  77. System.out.println("showNotify()iscalled");
  78. }
  79. privatevoidprintLabel(intselected){
  80. System.out.println(LABELS[selected]);
  81. }
  82. }

当前标题:J2ME中调用Canvas制作游戏菜单
本文网址:http://www.shufengxianlan.com/qtweb/news3/432603.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联