亲宝软件园·资讯

展开

Android自定义View实现数独游戏 Android自定义View实现数独游戏

安卓小小白 人气:0
想了解Android自定义View实现数独游戏的相关内容吗，安卓小小白在本文为您仔细讲解Android自定义View实现数独游戏的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：Android,View,数独游戏，下面大家一起来学习吧。

先说一下数独游戏的规则：

1.在整个横坐标和纵坐标的9个格子上只能填土1-9的数字且不重复
2.在当前3*3 的格子上填入1-9数字且不重复

先给大家看效果图

项目思路

1、UI呈现：这个放在 GameView 类里面
        显示原始数据
        显示当然用户填写的数据
        显示用户当前点击的位置
        显示候选区数据

2、逻辑处理：这个是放在Matrix类里面的
    原始数据：游戏开始的时候就要创建出来的，
    当前数据：用户填写上去的实时数据
    数据判断：判断这个位置可以修改数据吗？ 比如，原始数据就是不可以修改的
            判断这个位置可以填入的数据，比如，原始数据这个位置有8了，就不能填8了。

代码 GameView 类

public class GameView extends View {

 private int PhoneWidth; // 手机屏幕的宽度
 private int mGridWidth; // 当前格子的宽度

 private int[] mFalseNumber; // 候选区不能填写的数字

 private Paint mLinePaint; // 白线
 private Paint mDarkPaint; // 浅蓝色的 方格子
 private Paint mOptDarkPaint; // 用户点击 浅绿色的格子
 private Paint numberPaint; // 原始数据 数字
 private Paint changePaint; // 用户填写的数字
 private Paint mOptPaint; // 候选区数字

 private Matrix M; // 用户计算类

 private float tCX; 
 private float tCY;
 private int mOptBoard;
 private int mOptNumber;

 public GameView(Context context, AttributeSet attrs, int defStyleAttr) {
 super(context, attrs, defStyleAttr);
 initView();
 }

 public GameView(Context context, AttributeSet attrs) {
 super(context, attrs);
 initView();
 }

 public GameView(Context context) {
 super(context);

 initView();
 }

 private void initView() {

 PhoneWidth = getResources().getDisplayMetrics().widthPixels;
 mGridWidth = (PhoneWidth - 40) / 9;

 tCX = mGridWidth / 2;
 tCY = tCX - tCX / 2;

 mFalseNumber = new int[9];

 for (int i = 0; i < 9; i++) {
  mFalseNumber[i] = i;
 }

 M = new Matrix();
 initPaint();

 invalidate();
 }

 private void initPaint() {
 mLinePaint = new Paint();
 mLinePaint.setColor(Color.WHITE);
 mLinePaint.setStyle(Paint.Style.STROKE);
 mLinePaint.setStrokeWidth(2f);

 mDarkPaint = new Paint();
 mDarkPaint.setColor(Color.parseColor("#52E7CD"));
 mDarkPaint.setStyle(Paint.Style.FILL);

 numberPaint = new Paint();
 numberPaint.setColor(Color.WHITE);
 numberPaint.setTextSize(mGridWidth * 0.65f);
 numberPaint.setTextAlign(Paint.Align.CENTER);
 numberPaint.setShadowLayer(10F, -5F, 8F, Color.parseColor("#999999"));
 numberPaint.setAntiAlias(true);

 mOptPaint = new Paint();
 mOptPaint.setColor(Color.WHITE);
 mOptPaint.setTextSize(mGridWidth * 0.65f+15);
 mOptPaint.setTextAlign(Paint.Align.CENTER);
 mOptPaint.setShadowLayer(10F, -5F, 8F, Color.parseColor("#999999"));
 mOptPaint.setAntiAlias(true);

 changePaint = new Paint();
 changePaint.setColor(Color.parseColor("#FCA454"));
 changePaint.setTextSize(mGridWidth * 0.65f);
 changePaint.setTextAlign(Paint.Align.CENTER);
 changePaint.setShadowLayer(10F, -5F, 8F, Color.parseColor("#999999"));
 changePaint.setAntiAlias(true);

 mOptDarkPaint = new Paint();
 mOptDarkPaint.setColor(Color.parseColor("#52E76E"));
 mOptDarkPaint.setStyle(Paint.Style.FILL);
 }

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);
 setMeasuredDimension(PhoneWidth, PhoneWidth + mGridWidth+20);
 }

 @Override
 protected void onDraw(Canvas canvas) {

 drawBoard(canvas);

 int x = mOptBoard / 9;
 int y = mOptBoard % 9;
 // 画出棋盘选择框
 canvas.drawRect(x * mGridWidth+22, y * mGridWidth+22, x * mGridWidth+20 + mGridWidth, y * mGridWidth+20 + mGridWidth, mOptDarkPaint);

 // 当前棋盘数据
 for (int i = 0; i < 9; i++) {
  for (int j = 0; j < 9; j++) {
  int cutData = M.getCutData(i, j);
  if (M.getOnClicked(i,j) && cutData>0) {
   canvas.drawText(Integer.toString(cutData), i * mGridWidth + tCX+20, j*mGridWidth + mGridWidth - tCY+20, changePaint);
  }
  } 
 }

 // 候选区文字

 drawTrueText(canvas);

 }

 private void drawTrueText(Canvas canvas) {
 float startY = PhoneWidth + 30;

 // 画平行四边形
 canvas.drawLine(50, startY, PhoneWidth-50, startY, mLinePaint);
 canvas.drawLine(10, startY + mGridWidth - 40, PhoneWidth-10, startY + mGridWidth-40, mLinePaint);
 canvas.drawLine(50, startY, 10, startY + mGridWidth - 40, mLinePaint);
 canvas.drawLine(PhoneWidth-50, startY, PhoneWidth-10, startY + mGridWidth-40, mLinePaint);

 float y = (mGridWidth - 30)/2.0f;

 for (int i = 0; i < 9; i++) {
  if (mFalseNumber[i] == 0) {
  canvas.drawText(Integer.toString(i+1), i * mGridWidth + tCX+ 20, startY + (mGridWidth - tCY) - y, mOptPaint);
  }
 }
 }

 private void drawBoard(Canvas canvas) {

 // 画底色
 for (int i = 0; i < 9; i++) {
  for (int j = 0; j < 9; j++) {
  int x = i / 3;
  int y = j / 3;
  if ((x == 0 || x == 2) && (y == 0 || y == 2)) {
   canvas.drawRect(mGridWidth * j + 20, 20 + mGridWidth * i,
    mGridWidth * j + 20 + mGridWidth, 20 + mGridWidth
     * i + mGridWidth, mDarkPaint);
  } else if (y == 1 && x == 1) {
   canvas.drawRect(mGridWidth * j + 20, 20 + mGridWidth * i,
    mGridWidth * j + 20 + mGridWidth, 20 + mGridWidth
     * i + mGridWidth, mDarkPaint);
  }

  }
 }

 // 画白线
 for (int i = 0; i < 10; i++) {
  canvas.drawLine(20, mGridWidth * i + 1 + 20, 9 * mGridWidth + 20,
   mGridWidth * i + 1 + 20, mLinePaint);
  canvas.drawLine(mGridWidth * i + 1 + 20, 0 + 20, mGridWidth * i + 1
   + 20, 9 * mGridWidth + 20, mLinePaint);
 }

 //画初始数字
 for (int i = 0; i < 9; i++) {
  for (int j = 0; j < 9; j++) {
  if (!M.getOnClicked(i, j)) {
   canvas.drawText(M.getText(i, j), i * mGridWidth +20+tCX, mGridWidth * j + 20+mGridWidth-tCY, numberPaint);

  }
  }
 }
 }


 @Override
 public boolean onTouchEvent(MotionEvent event) {
 if (event.getAction() != MotionEvent.ACTION_DOWN) {
  return super.onTouchEvent(event);
 }

 if (event.getX()<20 || event.getY()<20 || event.getX()>PhoneWidth-20) {
  Log.e("123", "点到边了");
  return super.onTouchEvent(event);
 }

 int choX = (int) ((event.getX()-20) / mGridWidth);
 int choY = (int) ((event.getY()-20) / mGridWidth);

 Log.i("game ", "optX "+choX+" optY "+choY);

 if (event.getY() < PhoneWidth-20) { // 棋盘的点击

  if (M.getOnClicked(choX, choY)) {
  mFalseNumber = new int[9];
  int[] trueData = M.getFalseData(choY, choX);
  mOptBoard = choX * 9 + choY;
  for (int i : trueData) {
   mFalseNumber[i - 1] = 1;
  }

  }

 } else { // 候选区点击
  Log.e("game ","opt Number " + choX + 1);

  System.out.println(Arrays.toString(mFalseNumber));

  if (mFalseNumber[choX] == 0) {
  mOptNumber = choX;
  int x = mOptBoard / 9;
  int y = mOptBoard % 9;
  M.setCutData(x, y, mOptNumber+1);
  }

 }
 invalidate();

 return true;
 }


 // 再来一局
 public void play() {
 initView();
 }
 // 重头开始
 public void repeat(){
 M.initCutData();
 invalidate();
 }

代码 Matrix类

public class Matrix {

 private int [][]mData ; // 原始数据
 private int [][]mCutData; // 当前数据


 public Matrix() {

 int i = (int)(Math.random()*5);

 switch (i) {
 case 1:
  mData = GAMEDATA1;
  break;
 case 2:
  mData = GAMEDATA2;
  break;
 case 3:
  mData = GAMEDATA3;
  break;
 case 4:
  mData = GAMEDATA4;
  break;
 case 0:
  mData = GAMEDATA2;
  break;

 }
 initCutData();
 Log.e("Matrix", "random :"+i);

 }


 /** 得到当前坐标上的文字 */
 public String getText(int x, int y){

 String index = mData[x][y]+"";

 if ("0".equals(index)) {
  index = "";
 }

 return index;

 }

 /** 判断该坐标是否可以点击 */
 public boolean getOnClicked(int x, int y){

 if (mData[x][y] == 0) {
  return true;
 }
 return false;

 }

 /** 判断该坐标有哪些数不可用 */
 public int[] getFalseData(int x, int y){
 Set<Integer> set = new TreeSet<Integer>();

 // 检查X 轴有哪些不能点

 for (int i = 0; i < 9; i++) {
  int d = mData[y][i];

  if (d!=0) {
  set.add(d);
//  LogUtils.e("x: "+d);
  }
 }
 // 检查 y 轴有哪些不能点
 for (int i = 0; i < 9; i++) {
  int d = mData[i][x];
  if (d!=0) {
  set.add(d);
//  LogUtils.e("Y: "+d);
  }
 }

 // 检查 3*3 方格哪些不能点

 x = x/3*3;
 y = y/3*3;

// LogUtils.e(" x "+x+" Y "+y);

 for (int i = x; i < x+3; i++) {
  for (int j = y; j < y+3; j++) {
  int d = mData[j][i];
  if (d!=0) {
   set.add(d);
//   LogUtils.e("i "+i+"j "+j+" xy: "+d);
  }
  }
 }


 Integer[] arr2 = set.toArray(new Integer[0]);
 // 数组的包装类型不能转 只能自己转；吧Integer转为为int数组；
 int[] result = new int[arr2.length];
 for (int i = 0; i < result.length; i++) {
  result[i] = arr2[i];
 }
 System.out.println("false Number ： "+Arrays.toString(result));


 return result;
 }



 /** 当前棋盘数据 */
 public void initCutData(){

 mCutData = new int[9][9];

 for (int i = 0; i < mData.length; i++) {
  for (int j = 0; j < mData[i].length; j++) {
   mCutData[i][j] = mData[i][j];
  }
 }


 for (int i = 0; i < mCutData.length; i++) {
  System.out.println(Arrays.toString(mCutData[i]));
 }


 }

 public void setCutData(int x, int y, int data){
 if (getOnClicked(x, y)) {
  mCutData[x][y] = data;
 }

 }


 public int getCutData(int x, int y){
 return mCutData[x][y];
 }
}

代码 MainActivity 类

public class MainActivity extends Activity {

 private GameView gV;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);

 gV = (GameView) findViewById(R.id.game);
 }

 public void rePay(View v){
 gV.repeat();
 }
 public void newPay(View v){
 gV.play();

 }

acitivity_main.xml 文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="#0EC5A5"
 android:orientation="vertical" >

 <TextView
 android:layout_width="match_parent"
 android:layout_height="52dp"
 android:layout_marginTop="10dp"
 android:gravity="center"
 android:text="SUDOKU"
 android:textColor="@android:color/white"
 android:textSize="30sp" />

 <com.xuan.sudokugame.GameView
 android:id="@+id/game"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content" />

 <LinearLayout
 android:layout_width="match_parent"
 android:layout_height="60dp"
 android:padding="10dp"
 android:orientation="horizontal" >

 <Button
  android:layout_width="0dp"
  android:onClick="rePay"
  android:layout_height="match_parent"
  android:layout_weight="1" 
  android:layout_marginRight="10dp"
  android:text="重新开始"
  android:textColor="@android:color/white"
  android:background="@drawable/radius_border_gray"/>
 <Button
  android:onClick="newPay"
  android:layout_width="0dp"
  android:layout_height="match_parent"
  android:layout_weight="1" 
  android:text="再来一局"
  android:textColor="@android:color/white"
  android:background="@drawable/radius_border_gray"/>
 </LinearLayout>

</LinearLayout>

然后运行起来就是这个样子的了。

加载全部内容
相关教程
猜你喜欢
用户评论