移动端_IOS【Android基础入门〖7〗】SurfaceView坦克大战之世界地图

1 自定义 SurfaceView

WarView.java (世界战场)

package com.mytank;

import java.util.Vector;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.SurfaceHolder;
import android.view.SurfaceView;

public class WarView extends SurfaceView implements SurfaceHolder.Callback {
   SurfaceHolder mholder;
   boolean run_flag;
   Canvas canvas;
   DrawThread thread;

   Vector<Wall> walllist = new Vector<Wall>();

   int row;//行
   int col;//列
   int[][] warmap;

   float x = 10, y = 10;

   public WarView(Context context, AttributeSet attrs) {
       super(context, attrs);
       mholder = this.getHolder();

       if (mholder != null)
           mholder.addCallback(this);
   }

   //初始化地图
   public void initmap() {
       //0 空， 1 墙
       for (int i = 0; i < col; i++) {
           warmap[0][i] = 1;
           warmap[1][i] = 1;
           Wall wall = new Wall(0, i);
           walllist.add(wall);
           wall = new Wall(1, i);
           walllist.add(wall);
       }
       for (int i = 0; i < 10; i++) {
           warmap[i][10] = 1;
           warmap[i][11] = 1;
           Wall wall = new Wall(i, 10);
           walllist.add(wall);
           wall = new Wall(i, 11);
           walllist.add(wall);
       }
   }

   @Override
   public void surfaceCreated(SurfaceHolder holder) {
       run_flag = true;
       row = this.getHeight() / Common.CELL_LENGTH;
       col = this.getWidth() / Common.CELL_LENGTH;
       warmap = new int[row][col];
       thread = new DrawThread();
       initmap();
       thread.start();
   }

   @Override
   public boolean onTouchEvent(MotionEvent event) {
       // TODO 自动生成的方法存根
       x = event.getX();
       y = event.getY();


       /*  备注:  一定要将return super.onTouchEvent(event)修改为return true
        *  原因：
        *        1: 父类的onTouchEvent(event)方法没有做任何处理，并且返回了false。;
        *        2: 一旦返回false，将不再收到 MotionEvent.ACTION_MOVE 及 MotionEvent.ACTION_UP 事件;
        */
       return true;
   }

   //自定义 界面绘制 线程
   class DrawThread extends Thread {
       @Override
       public void run() {

           //画刷
           Paint paint = new Paint();
           paint.setStyle(Style.FILL);
           paint.setColor(Color.rgb(255, 0, 0));    //红绿蓝

           Paint bkpaint = new Paint();
           bkpaint.setStyle(Style.FILL);            //设置填充方式
           bkpaint.setColor(Color.rgb(2, 17, 17));    //红绿蓝

           while (run_flag) {
               //锁定画布
               canvas = mholder.lockCanvas();
               if (canvas == null)
                   continue;

               //绘制背景
               canvas.drawRect(0, 0, Common.CELL_LENGTH * col, Common.CELL_LENGTH * row, bkpaint);

               //绘制手势跟踪
               canvas.drawCircle(x, y, 15, paint);

               //绘制墙壁
               for (int i = 0; i < walllist.size(); i++)
                   walllist.get(i).Draw(canvas);

               //取消锁定
               mholder.unlockCanvasAndPost(canvas);
           }
       }
   }

   @Override
   public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
   }

   @Override
   public void surfaceDestroyed(SurfaceHolder holder) {
       run_flag = false;        //关闭界面绘制线程
   }
}

2 在布局中使用自定义的 WarView

main_layout.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="match_parent">
<com.mytank.WarView
   android:layout_width="match_parent"
   android:layout_height="match_parent"/>
</FrameLayout>

3 封装的 墙块类

Wall.java

package com.mytank;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.Paint.Style;

/**
* @author michael.mao
* @description 封装的 墙块类，包含自绘制方法
*/
public class Wall {

   public int mrow;    //该墙壁所在行
   public int mcol;
   Paint inPaint;        //墙壁内边框画刷
   Paint outPaint;
   Rect inRect;
   Rect outRect;

   public Wall(int row, int col) {
       this.mrow = row;
       this.mcol = col;

       inPaint = new Paint();
       inPaint = new Paint();
       inPaint.setStyle(Style.FILL);
       inPaint.setColor(Color.rgb(86, 53, 35));//红绿蓝

       outPaint = new Paint();
       outPaint = new Paint();
       outPaint.setStyle(Style.STROKE);
       outPaint.setColor(Color.rgb(98, 98, 98));

       inRect = new Rect(mcol * Common.CELL_LENGTH + 1, mrow * Common.CELL_LENGTH + 1,
           (mcol + 1) * Common.CELL_LENGTH - 1, (mrow + 1) * Common.CELL_LENGTH - 1);
       outRect = new Rect(mcol * Common.CELL_LENGTH, mrow * Common.CELL_LENGTH,
           (mcol + 1) * Common.CELL_LENGTH, (mrow + 1) * Common.CELL_LENGTH);
   }

   public void Draw(Canvas canvas) {
       canvas.drawRect(inRect, inPaint);
       canvas.drawRect(outRect, outPaint);
   }
}

4 常量值

Common.java

package com.mytank;

public class Common {
   public static int CELL_LENGTH = 10;    //块宽    战场被分成 M行 N 列, CELL_LENGTH==行高==列宽
}

5 主类

MainActivity.java

package com.mytank;
import android.os.Bundle;
import android.app.Activity;

public class MainActivity extends Activity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.main_layout);
   }
}

6 结果展示