Android学习笔记(9)－开始做一个数独游戏[上]

 

不想再写Hello123了，今天开始做一个数独小游戏，因为这个游戏比较简单应该容易上手，就作为我学习Android之后的第一个程序比较合适。

初步的设计是只有一个界面（如下图），然后用绿色字体表示题目中有的固定的数字，黄色字体显示玩家输入的数字，而红色字体则是程序判断输入错误后的显示。另外模式分为三种：普通写入、标记（玩家用蓝色小方块标记当前单元格可以输入的数字）、排除模式（玩家指定数字，游戏自动判断一下这个数字肯定不能输入的单元格，将它反相显示出来）。

准备工作就是做一张背景图（棋盘）和三套数字小图片（红、绿、黄）即可。

首先建立工程sudo，程序主体类MainActivity以后，再修改一下那个main.xml文件，去掉TextView标签即可。因为我们会自己定义一个View，所以不再需要它了。程序不大，所以不打算做过多的类，下面把几个类的分工描述一下：

1、MainActivity，主体类，负责处理键盘事件和维护一个题库。

2、MainView，显示类，负责维护并显示当前棋局，它的核心在于它的onDraw函数。

3、GridCell和Question两个实体类，分别描述了棋盘单元格的信息和题目信息。

4、Helper类，助手类，封装一些函数，如读写记录、自动解题函数等。

在MainActivity中的onCreate中，加几句话就可以让游戏全屏显示了。如下：

setTheme(android.R.style.Theme_Dark);
requestWindowFeature(Window.FEATURE_NO_TITLE);          

getWindow().setFlags(WindowManager.LayoutParams.NO_STATUS_BAR_FLAG,WindowManager.LayoutParams.NO_STATUS_BAR_FLAG);      

主要来看看MainView类的代码吧，它的onDraw负责显示当前棋局，涉及到的API主要是android.graphics中的Canvas和Paint。

一是显示图片的方法，因为图片来源于资源，所以显示它的代码如：

Bitmap bmp = BitmapFactory.decodeResource(this.getResources(),R.drawable.grid);
canvas.drawBitmap(bmp, 0, 0, null);

这是显示背景，如果是数字呢，如何将数字1与R.drawable.a1资源关联呢？

private int[] thumbNormal=new int[]...{0,
        R.drawable.a1,R.drawable.a2,R.drawable.a3,R.drawable.a4,R.drawable.a5,    
        R.drawable.a6,R.drawable.a7,R.drawable.a8,R.drawable.a9
    };

然后就简单地加载即可了。

Bitmap b = BitmapFactory.decodeResource(this.getResources(),this.thumbNormal[this.grid[i].value]);
canvas.drawBitmap(b, xx, yy, null);

二是显示文本的方法，刚才显示图像的drawBitmap中最后一个参数直接给了null，因为我们实在没有什么效果需要给图像的，但是文本则不同，我们用Paint来控制文本的样式。

Paint paintText=new Paint();
paintText.setFlags(Paint.ANTI_ALIAS_FLAG);
paintText.setColor(Color.WHITE);
... ...
canvas.drawText(Long.toString(this.ti.code), xx, yy, paintText);

三是画一下框的方法，同样是用Paint来做的。

Paint paintRect = new Paint();
paintRect.setColor(Color.RED);
paintRect.setStrokeWidth(2);
paintRect.setStyle(Style.STROKE);
            
Rect r=new Rect();
r.left=this.curCol*CELL_WIDTH+GRID_X;
r.top=this.curRow*CELL_WIDTH+GRID_Y;
r.bottom=r.top+CELL_WIDTH;
r.right=r.left+CELL_WIDTH;
            
canvas.drawRect(r, paintRect);

如果不setStyle为Style.STROKE，则缺省为填充模式。

四是反相显示的方法，更简单了，就是一句话了：

Paint paintHint=new Paint();
paintHint.setXfermode(new PixelXorXfermode(Color.WHITE));