android手机游戏之二线程绘图

      在之前我写了一个简单的手工绘图，现在接下来继续讲解下加了线程绘图使界面更加的丰富多彩..

首先是目录结构：

 

步骤一：建立AFootballactivity主类。二：建立CustomGallery自定义类（这个拿来用就可以了）。三：WelcomeView类.四WelcomeThread类。五：WelcomeDrawThread.

材料图片部分：（将一下图片分别放入drawable-mdpi文件）

 图片名称：p1.jpg ， p2.jpg ,p3.jpg，welcome.jpg，club_4.png，club_5.png，club_6.png。以上工作全部准备好了就进入代码部分.

1.AFootballActivity类

package com.AFootball;import android.app.Activity;import android.content.Context;import android.graphics.Rect;import android.media.MediaPlayer;import android.os.Bundle;import android.view.View;import android.view.Window;import android.view.WindowManager;public class AFootballActivity extends Activity {View current;WelcomeView welcome;int keyState = 0;boolean wantSound = true; // 是否播放声音标志位MediaPlayer mpWelcomeMusic; // 游戏开始前的欢迎音乐Rect rectGallery; // 表示Gallery的矩形框int[] imageIDs = { // 存放8个俱乐部的图片IDR.drawable.club_1, R.drawable.club_2, R.drawable.club_3, R.drawable.club_4,R.drawable.club_5, R.drawable.club_6, R.drawable.club_7,R.drawable.club_8 };int clubID = imageIDs[0]; // 记录用户选择的俱乐部的ID@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);initWelcomeSound(this);requestWindowFeature(Window.FEATURE_NO_TITLE);getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);welcome = new WelcomeView(this);// 将屏幕切到欢迎界面setContentView(welcome);current = welcome;if (wantSound && mpWelcomeMusic != null) {mpWelcomeMusic.start();}initRects();// 初始化用于匹配点击事件的矩形框}// 方法：初始化欢迎界面的声音private void initWelcomeSound(Context context) {mpWelcomeMusic = MediaPlayer.create(context, R.raw.music);}// 方法：初始化矩形框private void initRects() {rectGallery = new Rect(10, 10, 310, 110);}}

2.CustomGallery类

package com.AFootball;import android.graphics.Bitmap;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;public class CustomGallery {Bitmap[] bmpContent; // Gallery要显示的内容图片int length; // Gallery要显示的图片数组大小int currIndex; // 当前被显示的图片的索引int startX; // 绘制Gallery时其左上角在屏幕中的X坐标int startY; // 绘制Gallery时其左上角在屏幕中的Y坐标int cellWidth; // 每个图片的宽度int cellHeight; // 每个图片的高度// 构造器，初始化主要成员变量public CustomGallery(int startX, int startY, int cellWidth, int cellHeight) {this.startX = startX;this.startY = startY;this.cellWidth = cellWidth;this.cellHeight = cellHeight;}public void setContent(Bitmap[] bmpContent) { // 方法：为Gallery设置显示内容this.bmpContent = bmpContent;this.length = bmpContent.length;}public void setCurrent(int index) { // 方法：设置当前显示的图片if (index >= 0 && index < length) {this.currIndex = index;}}public void drawGallery(Canvas canvas, Paint paint) {// 方法：绘制自己// 创建背景的画笔Paint paintBack = new Paint();paintBack.setARGB(220, 99, 99, 99);// 创建边框的画笔Paint paintBorder = new Paint();paintBorder.setStyle(Paint.Style.STROKE);paintBorder.setStrokeWidth(4.5f);paintBorder.setARGB(255, 150, 150, 150);// 画左边的图片if (currIndex > 0) {canvas.drawRect(startX, startY, startX + cellWidth, startY+ cellHeight, paintBack); // 背景canvas.drawBitmap(bmpContent[currIndex - 1], startX, startY, paint); // 贴图片canvas.drawRect(startX, startY, startX + cellWidth, startY+ cellHeight, paintBorder); // 画左边图片的边框}// 画被选中的图片canvas.drawRect(startX + cellWidth, startY, startX + cellWidth * 2,startY + cellHeight, paintBack); // 背景canvas.drawBitmap(bmpContent[currIndex], startX + cellWidth, startY,paint); // 贴图片// 画右边的图片if (currIndex < length - 1) {canvas.drawRect(startX + cellWidth * 2, startY, startX + cellWidth* 3, startY + cellHeight, paintBack); // 背景canvas.drawBitmap(bmpContent[currIndex + 1],startX + cellWidth * 2, startY, paint); // 贴图片paintBorder.setARGB(255, 150, 150, 150); // 画右边图片的边框canvas.drawRect(startX + cellWidth * 2, startY, startX + cellWidth* 3, startY + cellHeight, paintBorder);}// 画选中的边框paintBorder.setColor(Color.RED);canvas.drawRect(startX + cellWidth, startY, startX + cellWidth * 2,startY + cellHeight, paintBorder);}public void galleryTouchEvnet(int x, int y) { // 方法：Gallery的处理点击事件方法if (x > startX && x < startX + cellWidth) { // 点在了左边那张图片if (currIndex > 0) { // 判断当前图片的左边还有没有图片currIndex--; // 设置当前图片为左边的图片}} else if (x > startX + cellWidth * 2 && x < startX + cellWidth * 3) { // 点在了右边那张图片if (currIndex < length - 1) { // 判断当前图片的右边还有没有图片currIndex++; // 设置当前图片为右边的图片}}}}

3.WelcomeView类

package com.AFootball;import android.content.Context;import android.content.res.Resources;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Matrix;import android.graphics.Paint;import android.view.SurfaceHolder;import android.view.SurfaceView;public class WelcomeView extends SurfaceView implements SurfaceHolder.Callback {WelcomeThread wt; // 后台修改数据线程WelcomeDrawThread wdt; // 后台重绘线程int index = 0; // 开场3个动画帧的索引int status = -1; // 0代表足球动画，1代表背景转进来，2代表全部渐显，3代表待命int alpha = 255; // 透明度，初始为255，即不透明int[] layout = { 3, 3, 4 }; // 玩家球员的站位数组，3个值分别代表前场、中场、后场CustomGallery cg; // 自定义的Gallery类，用于选择俱乐部logoBitmap[] bmpGallery; // 存储Gallery对象要显示的内容Bitmap[] bmpAnimaition; // 存储欢迎动画帧的数组Bitmap bmpBack; // 背景图片Matrix matrix; // Matrix对象，用来旋转背景图AFootballActivity father; // Activity的引用public WelcomeView(AFootballActivity father) {super(father);this.father = father;getHolder().addCallback(this);initBitmap(father); // 初始化图片matrix = new Matrix(); // 创建Matrix对象cg = new CustomGallery(10, 10, 100, 100); // 创建CustomGallery对象cg.setContent(bmpGallery); // 为CustomGallery对象设置显示内容cg.setCurrent(2);wt = new WelcomeThread(this); // 创建WelcomeThread对象wdt = new WelcomeDrawThread(this, getHolder()); // 创建WelcomeDrawThread对象status = 0; // 设置初始状态值为0}private void initBitmap(Context context) {Resources r = context.getResources(); // 获取Resources对象bmpBack = BitmapFactory.decodeResource(r, R.drawable.welcome); // 创建背景图片bmpAnimaition = new Bitmap[3]; // 创建动画数组bmpAnimaition[0] = BitmapFactory.decodeResource(r, R.drawable.p1);bmpAnimaition[1] = BitmapFactory.decodeResource(r, R.drawable.p2);bmpAnimaition[2] = BitmapFactory.decodeResource(r, R.drawable.p3);// 初始化Gallery的图片资源bmpGallery = new Bitmap[8]; // 创建自定义Gallery要显示的内容图片数组for (int i = 0; i < bmpGallery.length; i++) {bmpGallery[i] = BitmapFactory.decodeResource(r, father.imageIDs[i]);}}public void doDraw(Canvas canvas) {// 方法：用于根据不同状态绘制屏幕Paint paint = new Paint(); // 创建画笔switch (status) {case 0:// 显示3个动画帧canvas.drawBitmap(bmpAnimaition[index], 0, 0, null);break;case 1:// 背景图片旋转而进canvas.drawColor(Color.BLACK); // 清屏幕Bitmap bmpTemp = Bitmap.createBitmap(bmpBack, 0, 0,bmpBack.getWidth(), bmpBack.getHeight(), matrix, true);// 旋转背景图canvas.drawBitmap(bmpTemp, 0, 0, null); // 绘制背景图break;case 2:// 全场透明case 3:// 全场待命--------------这两个画法一样，只是透明度不同canvas.drawColor(Color.BLACK); // 清屏幕paint.setAlpha(alpha); // 设置透明度canvas.drawBitmap(bmpBack, 0, 0, paint);// 画背景cg.drawGallery(canvas, paint); // 画自定义的Gallerybreak;}}@Overridepublic void surfaceChanged(SurfaceHolder holder, int format, int width,int height) {// TODO Auto-generated method stub}@Overridepublic void surfaceCreated(SurfaceHolder holder) {if (!wt.isAlive()) { // 启动后台修改数据线程wt.start();}if (!wdt.isAlive()) { // 启动后台绘制线程wdt.start();}}@Overridepublic void surfaceDestroyed(SurfaceHolder holder) {if (wt.isAlive()) { // 停止后台修改数据线程wt.isWelcoming = false;}if (wdt.isAlive()) { // 停止后台绘制线程wdt.flag = false;}}}

4.WelcomeThread类

package com.AFootball;public class WelcomeThread extends Thread {WelcomeView father; // WelcomeView对象的引用boolean isWelcoming = false; // 线程执行标志位float rotateAngle = 60; // 旋转角度int rotateCounter = 0; // 旋转计数器int animationCounter = 0; // 换帧计数器int sleepSpan = 150; // 休眠时间// 构造器：初始化主要成员变量public WelcomeThread(WelcomeView father) {this.father = father;isWelcoming = true;}public void run() {// 线程的执行方法while (isWelcoming) {switch (father.status) {// 获取现在的状态case 0: // 该状态为3个图片轮流显示animationCounter++; // 换帧计数器自加if (animationCounter == 4) { // 计数器达到4时换帧father.index++; // 开场3个动画帧的索引if (father.index == 3) { // 判断是否播放完毕所有帧father.status = 1; // 转入下一状态}animationCounter = 0; // 清空计数器}break;case 1:// 该状态为背景图片旋转着进来father.matrix.postRotate(rotateAngle); // 旋转角度rotateCounter++; // 计数器自加if (rotateCounter == 6) {// 旋转计数器到了father.status = 2;// 设置状态father.alpha = 0; // 设置alpha值，用于菜单渐显}break;case 2:// 该状态为菜单渐显菜单渐显 , alpha透明度，初始为255，即不透明father.alpha += 51; // alpha值增加if (father.alpha >= 255) {father.status = 3;// 进入待命状态，此状态玩家可以选择菜单选项}break;case 3: // 如果遇到了待命状态，就自己把自己关闭this.isWelcoming = false;break;}try {Thread.sleep(sleepSpan); // 休眠一段时间} catch (Exception e) {e.printStackTrace(); // 捕获并打印异常}}}}  

5.WelcomeDrawThread

package com.AFootball;import android.graphics.Canvas;import android.view.SurfaceHolder;public class WelcomeDrawThread extends Thread {WelcomeView father; // WelcomeView对象的引用SurfaceHolder surfaceHolder; // WelcomeView对象的SurfaceHolderint sleepSpan = 100; // 休眠时间boolean flag; // 线程执行标志位// 构造器：初始化主要的成员变量public WelcomeDrawThread(WelcomeView father, SurfaceHolder surfaceHolder) {this.father = father;this.surfaceHolder = surfaceHolder;this.flag = true;}// 方法：线程执行方法public void run() {Canvas canvas = null; // 创建一个Canvas对象while (flag) {try {canvas = surfaceHolder.lockCanvas(null); // 为画布加锁synchronized (surfaceHolder) {father.doDraw(canvas); // 重新绘制屏幕}} catch (Exception e) {e.printStackTrace(); // 捕获异常并打印} finally {if (canvas != null) {// 释放画布并将其传回surfaceHolder.unlockCanvasAndPost(canvas);}}try {Thread.sleep(sleepSpan); // 休眠一段时间} catch (Exception e) {e.printStackTrace(); // 捕获异常并打印}}}}

最后的效果图：

 5个类以建立完成...