android 项目实训—贪吃蛇Snake（一）

一、游戏介绍： 贪吃蛇是一个古老而经典的游戏，讲的是在一个美丽的花园里，有一只爱吃苹果的小蛇，它每吃一个苹果都会变得更大更快，只是它有个致命的弱点，如果它想逃出花园或者一不小心咬到自身就会立刻死亡。作为玩家，你的目标是操纵小蛇吃掉更多的苹果而不死掉。

二、游戏截图：

a、开始画面

b、游戏暂停

c、游戏结束

三、代码总体分析

1、布局方面：我们使用一个FrameLayout绝对定位，在里面放两个和父元素一样大的子元素，一个是我们自定义的View：snake，这个元素就是游戏界面，我们通过不停的操纵和重绘该View来完成游戏交互，一个是在中间有蓝色文本的相对定位布局框架，它用来显示游戏状态。

2、类设计方面：贪吃蛇游戏使用了三个主类和两个内部类。

TitleView ：一个游戏贴片（Tile）类，是我们的自定义View。是它实现游戏画面的贴片计算、贴片的种类定义、贴片的绘制等和Tile相关的方法。

SnakeView ：是TileView的子类，是游戏的主体类。定义游戏状态、操作方式、游戏规则、初始化游戏、刷新视图、处理打电话导致游戏暂停时保存状态，接收焦点时恢复状态等等工作都在这个类中进行，注意它还是个View。

MainActivity ：游戏窗口类，负责载入SnakeView，为SnakeView服务。

Snake.RefreshHandler : Handler类，刷新View

Snake.Coordinate : 坐标类，简化问题

四、代码阅读：

为了你阅读方便，我对原有代码做了简化、汉化和增加注释这三件事。你读起来应该会轻松许多。废话不说了，还是多给你一些时间消化代码。我提几个问题你看代码时不妨思考思考。

1、AndroidManifest.xml

1	<?xml version="1.0" encoding="utf-8"?>

请留意android:configChanges=”keyboardHidden|orientation”这句话，这里有一个onConfigurationChanged()方法的用法问题，你了解吗？是不是自己先研究一下？当然，你也可以等我下一讲讲解这个问题。

2、res/values/strings.xml

1	<?xml version="1.0" encoding="utf-8"?>

2

3	贪吃蛇\n按“向上”键开始

4	暂停中\n按“向上”键恢复

5

游戏结束\n得分:

6	\n按“向上”键开始

我们在以往很少用Strings.xml来管理字符串资源，都是自己写死进去了，这次为什么单独写了？

3、res/layout/main.xml

1	<?xml version="1.0" encoding="utf-8"?>

4、TileView

view source

print ?

001	package android.basic.lesson48;

002

003	import android.content.Context;

004	import android.graphics.Bitmap;

005	import android.graphics.Canvas;

006	import android.graphics.Paint;

007	import android.graphics.drawable.Drawable;

008	import android.util.AttributeSet;

009	import android.util.Log;

010	import android.view.View;

011

012	public class TileView extends View {

013

014	private static final String tag = "yao";

015

016

// 贴片大小

017	protected static int mTileSize = 20;

018

019	// X轴的贴片数量

020	protected static int mXTileCount;

021	// Y轴的贴片数量

022	protected static int mYTileCount;

023

024

// X偏移量

025	private static int mXOffset;

026

// Y偏移量

027	private static int mYOffset;

028

029	// 三种贴片图像的图像数组

030	private Bitmap[] mTileArray;

031

032	// 存每个贴片的索引

033	private int[][] mTileGrid;

034

035	// Paint对象（画笔、颜料）

036	private final Paint mPaint = new Paint();

037

038

// 构造函数

039	public TileView(Context context, AttributeSet attrs) {

040	super(context, attrs);

041	Log.i(tag, "TileView Constructor");

042	Log.i(tag, "mTileSize=" + mTileSize);

043

}

044

045	// 设置贴片图片数组

046	public void resetTiles(int tilecount) {

047	mTileArray = new Bitmap[tilecount];

048

}

049

050	// 当该View的尺寸改变时调用，在onDraw()方法调用之前就会被调用，所以用来设置一些变量的初始值

051

@Override

052	protected void onSizeChanged(int w, int h, int oldw, int oldh) {

053

054	Log.i(tag, "onSizeChanged," + "w=" + w + " h=" + h + " oldw=" + oldw + " oldh=" + oldh);

055

056	// 定义X轴贴片数量

057	mXTileCount = (int) Math.floor(w / mTileSize);

058	mYTileCount = (int) Math.floor(h / mTileSize);

059	Log.i(tag, "mXTileCount=" + mXTileCount);

060	Log.i(tag, "mYTileCount=" + mYTileCount);

061

062

// X轴偏移量

063	mXOffset = ((w - (mTileSize * mXTileCount)) / 2);

064

065

// Y轴偏移量

066	mYOffset = ((h - (mTileSize * mYTileCount)) / 2);

067

068	Log.i(tag, "mXOffset=" + mXOffset);

069	Log.i(tag, "mYOffset=" + mYOffset);

070

071	// 定义贴片的二维数组

072	mTileGrid = new int[mXTileCount][mYTileCount];

073

074

// 清空所有切片

075	clearTiles();

076

}

077

078	// 给mTileArray这个Bitmap图片数组设置值

079	public void loadTile(int key, Drawable tile) {

080	Bitmap bitmap = Bitmap.createBitmap(mTileSize, mTileSize, Bitmap.Config.ARGB_8888);

081	Canvas canvas = new Canvas(bitmap);

082	tile.setBounds(0, 0, mTileSize, mTileSize);

083	//把一个drawable转成一个Bitmap

084	tile.draw(canvas);

085	//在数组里存入该Bitmap

086	mTileArray[key] = bitmap;

087

}

088

089

// 清空所有贴片

090	public void clearTiles() {

091	Log.i(tag, "TileView.clearTiles");

092	for (int x = 0; x < mXTileCount; x++) {

093	for (int y = 0; y < mYTileCount; y++) {

094

// 全部设置为0

095	setTile(0, x, y);

096

}

097

}

098

}

099

100	// 给某个贴片位置设置一个状态索引

101	public void setTile(int tileindex, int x, int y) {

102	mTileGrid[x][y] = tileindex;

103

}

104

105

// onDraw

106

@Override

107	public void onDraw(Canvas canvas) {

108

109	Log.i(tag, "onDraw");

110	super.onDraw(canvas);

111

112	Bitmap bmp;

113	float left;

114	float top;

115

116	for (int x = 0; x < mXTileCount; x++) {

117	for (int y = 0; y < mYTileCount; y++) {

118	// 当索引大于零，也就是不空时

119	if (mTileGrid[x][y] > 0) {

120	bmp = mTileArray[mTileGrid[x][y]];

121	left = x * mTileSize + mXOffset;

122	top = y * mTileSize + mYOffset;

123	// mTileGrid中不为零时画此贴片

124	canvas.drawBitmap(bmp, left, top, mPaint);

125

}

126

}

127

}

128

129

}

130

}