Android自定义View的数独游戏

Android自定义View的数独游戏

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

在整个横坐标和纵坐标的9个格子上只能填土1-9的数字且不重复
在当前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>

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