使用NetBeans进行J2ME开发（三）：低级图形用户界面Canvas - 编程入门网

下面是运行效果：

使用NetBeans进行J2ME开发（三）：低级图形用户界面Canvas(3)

知道了画图区域的大小，同时又知道Canvas可以支持许多低级事件，我们就可以发挥我们自己的想象力创建一个小游戏了。下面，我将写一个简单的拼图游戏，只需要使用上下左右四个方向键操作即可，在事件监听器中，我们只需响应Canvas的keyPressed()事件即可。代码也不复杂，只需把上面的程序稍加扩展即可。当然，我们还需要准备一些图片当素材。

首先，在网上随便找一张图片，使用图形编辑软件调整图片的大小，然后再裁成3*4共12幅图象。把这12幅图象分别命名为1.png到12.png，同时还要准备一张全白的图片，命名为0.png，这张图片和前面的12张图片一样大小。在项目所在的文件夹下建立一个文件夹，取名为pictures，把这些图片都拷贝进去。在NetBeans IDE左边的文件选项卡中可以看到这些文件，如图：

但是，在生成项目的时候，这些文件并不会自动打包到项目中，我们必须将这个文件夹捆绑为该项目的资源。在项目上点右键，在弹出的菜单中选择属性，弹出如下对话框，选中左边的“库和资源”，在右边点击“添加文件夹”按钮即可：

使用NetBeans进行J2ME开发（三）：低级图形用户界面Canvas(4)

下面是我的MyCanvas类的全部代码，其它两个类的代码没有改变。在这里，我使用的图片是174*280的大小，切割后的小图片每一个都是58*70的大小，空白的图片也是58*70的大小。请看代码：

package com.xkland.j2me; import javax.microedition.lcdui.Canvas; import javax.microedition.lcdui.Graphics; import javax.microedition.lcdui.Image; import java.util.Random; /** *//** * * @author 海边沫沫 */ public class MyCanvas extends Canvas { 　　 public int[][] pics = new int[4][4]; 　　 public Image[] images = new Image[13]; 　　 public int step = 0; 　　 public int spaceX = 3; 　　 public int spaceY = 0; 　　 public int spaceValue = 0; 　　 /** *//** Creates a new instance of MyCanvas */ 　　 public MyCanvas() { 　　　　 //随机填充数组 　　　　 for(int i=0;i<4;i++){ 　　　　　　 for(int j=0;j<3;j++){ 　　　　　　　　 pics[i][j] = i*3 + j + 1; 　　　　　　 } 　　　　 } 　　　　 pics[0][3] = 0; 　　　　 Random rand = new Random(); 　　　　 for(int i=0; i<4; i++){ 　　　　　　 int x1 = rand.nextInt(3); 　　　　　　 int y1 = rand.nextInt(4); 　　　　　　 int x2 = rand.nextInt(3); 　　　　　　 int y2 = rand.nextInt(4); 　　　　　　 int n = pics[y1][x1]; 　　　　　　 pics[y1][x1] = pics[y2][x2]; 　　　　　　 pics[y2][x2] = n; 　　　　 } 　　　　 //载入图片 　　　　

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!