做一个五子棋练练手,没什么特别的,再复习一下自定义View的知识,onMeasure,MeasureSpec , onDraw以及OnTouchEvent方法等。
效果图

代码如下:
package com.fivechess;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Point;
import android.os.Bundle;
import android.os.Parcelable;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.List;
public class GamePanel extends View {
    //棋盘宽度
    private int mPanelWidth ;
    //每一个棋格的宽
    private float mLineHeight ;
    //棋盘最大的行数
    private int MAX_LINE = 10 ;
    //最多连线的棋子个数
    private int MAX_COUNT_IN_LINE = 5 ;
    private Paint mPaint = new Paint();
    //定义黑白棋子的Bitmap
    private Bitmap mWhitePiece ;
    private Bitmap mBlackPiece ;
    //棋子占一个棋格的比例,这里是3/4
    private float ratioPieceOfLineHeight = 3 * 1.0f / 4 ;
    private boolean isWhite = false ;
    //存放已下过的棋子的数组
    private ArrayList<Point> mWhiteArray = new ArrayList<>();
    private ArrayList<Point> mBlackArray = new ArrayList<>();
    //标识对局是否结束
    private boolean isGameOver ;
    //判断白棋是否获胜
    private boolean isWhiteWinner ;
    //构造方法
    public GamePanel(Context context, AttributeSet attrs) {
        super(context, attrs);
        setBackgroundColor(0x80f8c866);
        init();
    }
    //初始化画笔及Bitmap
    private void init() {
        mPaint.setColor(0x88000000);
        mPaint.setAntiAlias(true);
        mPaint.setDither(true);
        mPaint.setStyle(Paint.Style.STROKE);
        mWhitePiece = BitmapFactory.decodeResource(getResources() , R.drawable.white_chess) ;
        mBlackPiece = BitmapFactory.decodeResource(getResources() , R.drawable.black_chess) ;
    }
    //测量过程
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int widthSize = MeasureSpec.getSize(widthMeasureSpec) ;
        int widthMode = MeasureSpec.getMode(widthMeasureSpec) ;
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        int width = Math.min( widthSize , heightSize );
        if( widthMode == MeasureSpec.UNSPECIFIED){
            width = heightSize ;
        }else if( heightMode == MeasureSpec.UNSPECIFIED){
            width = widthSize ;
        }
        setMeasuredDimension(width,width);
    }
    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        mPanelWidth = w ;
        mLineHeight = mPanelWidth * 1.0f / MAX_LINE ;
        int pieceWidth = (int) (mLineHeight * ratioPieceOfLineHeight);
        mWhitePiece = Bitmap.createScaledBitmap(mWhitePiece , pieceWidth , pieceWidth , false);
        mBlackPiece = Bitmap.createScaledBitmap(mBlackPiece, pieceWidth , pieceWidth , false);
    }
    //绘制过程
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        drawBoard(canvas);
        drawPieces(canvas) ;
        checkGameOver();
    }
    //判断是否结束
    private void checkGameOver() {
        boolean whiteWin = checkFiveInLine( mWhiteArray );
        boolean blackWin = checkFiveInLine( mBlackArray );
        if( whiteWin || blackWin ){
            isGameOver = true ;
            isWhiteWinner = whiteWin ;
            String text = isWhiteWinner ? "白棋胜利" : "黑棋胜利" ;
            Toast.makeText(getContext() , text , Toast.LENGTH_SHORT).show();
        }
    }
    //判断是否五子连珠
    private boolean checkFiveInLine(List<Point> points) {
        for( Point p : points ){
            int x = p.x ;
            int y = p.y ;
            boolean win = checkHorizontal( x , y , points) ;
            if( win ) return true ;
            win = checkVertical( x , y , points) ;
            if( win ) return true ;
            win = checkLeftDown( x , y , points) ;
            if( win ) return true ;
            win = checkRightDown( x , y , points) ;
            if( win ) return true ;
        }
        return false;
    }
    /**
     * 判断x,y位置的棋子是否横向有相邻的5个一致
     * @param x
     * @param y
     * @param points
     * @return
     */
    private boolean checkHorizontal(int x, int y, List<Point> points) {
        //五个子的计数器
        int count = 1 ;
        //判断左边
        for( int i = 1 ; i < MAX_COUNT_IN_LINE ; i ++ ){
            if( points.contains(new Point(x - i , y ))){
                count ++ ;
            }else{
                break ;
            }
        }
        if( count == MAX_COUNT_IN_LINE ) return true ;
        //判断右边
        for( int i = 1 ; i < MAX_COUNT_IN_LINE ; i ++ ){
            if( points.contains(new Point(x + i , y ))){
                count ++ ;
            }else{
                break ;
            }
        }
        if( count == MAX_COUNT_IN_LINE ) return true ;
        return false ;
    }
    /**
     * 判断x,y位置的棋子是否垂直方向有相邻的5个一致
     * @param x
     * @param y
     * @param points
     * @return
     */
    private boolean checkVertical(int x, int y, List<Point> points) {
        //五个子的计数器
        int count = 1 ;
        //判断上边
        for( int i = 1 ; i < MAX_COUNT_IN_LINE ; i ++ ){
            if( points.contains(new Point(x , y - i ))){
                count ++ ;
            }else{
                break ;
            }
        }
        if( count == MAX_COUNT_IN_LINE ) return true ;
        //判断下边
        for( int i = 1 ; i < MAX_COUNT_IN_LINE ; i ++ ){
            if( points.contains(new Point(x , y + i  ))){
                count ++ ;
            }else{
                break ;
            }
        }
        if( count == MAX_COUNT_IN_LINE ) return true ;
        return false ;
    }
    private boolean checkLeftDown(int x, int y, List<Point> points) {
        //五个子的计数器
        int count = 1 ;
        //判断左下方
        for( int i = 1 ; i < MAX_COUNT_IN_LINE ; i ++ ){
            if( points.contains(new Point(x - i  , y + i ))){
                count ++ ;
            }else{
                break ;
            }
        }
        if( count == MAX_COUNT_IN_LINE ) return true ;
        //判断右上方
        for( int i = 1 ; i < MAX_COUNT_IN_LINE ; i ++ ){
            if( points.contains(new Point(x + i , y - i  ))){
                count ++ ;
            }else{
                break ;
            }
        }
        if( count == MAX_COUNT_IN_LINE ) return true ;
        return false ;
    }
    private boolean checkRightDown(int x, int y, List<Point> points) {
        //五个子的计数器
        int count = 1 ;
        //判断左上方
        for( int i = 1 ; i < MAX_COUNT_IN_LINE ; i ++ ){
            if( points.contains(new Point(x - i  , y - i ))){
                count ++ ;
            }else{
                break ;
            }
        }
        if( count == MAX_COUNT_IN_LINE ) return true ;
        //判断右下方
        for( int i = 1 ; i < MAX_COUNT_IN_LINE ; i ++ ){
            if( points.contains(new Point(x + i , y + i  ))){
                count ++ ;
            }else{
                break ;
            }
        }
        if( count == MAX_COUNT_IN_LINE ) return true ;
        return false ;
    }
    //绘制棋子的方法
    private void drawPieces(Canvas canvas) {
        for( int i = 0 , n = mWhiteArray.size() ; i < n ; i ++ ){
            Point whitePoint = mWhiteArray.get(i);
            canvas.drawBitmap(mWhitePiece, ( whitePoint.x + ( 1- ratioPieceOfLineHeight) / 2 ) * mLineHeight ,
                    ( whitePoint.y + ( 1- ratioPieceOfLineHeight) / 2 ) * mLineHeight , null  );
        }
        for( int i = 0 , n = mBlackArray.size() ; i < n ; i ++ ){
            Point blackPoint = mBlackArray.get(i);
            canvas.drawBitmap(mBlackPiece, ( blackPoint.x + ( 1- ratioPieceOfLineHeight) / 2 ) * mLineHeight ,
                    ( blackPoint.y + ( 1- ratioPieceOfLineHeight) / 2 ) * mLineHeight , null  );
        }
    }
    //绘制棋盘的方法
    private void drawBoard(Canvas canvas) {
        int w = mPanelWidth ;
        float lineHeight = mLineHeight ;
        for( int i = 0 ; i < MAX_LINE ; i ++ ){
            int startX = (int) (lineHeight/2);
            int endX = (int) (w - lineHeight/2);
            int y = (int) (( 0.5 + i ) * lineHeight);
            //绘制棋盘的横线
            canvas.drawLine(startX, y , endX , y , mPaint);
            //绘制棋盘的竖线
            canvas.drawLine(y , startX , y , endX , mPaint );
        }
    }
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if( isGameOver ) return false ;
        int action = event.getAction() ;
        if( action == MotionEvent.ACTION_UP){
            int x = (int) event.getX();
            int y = (int) event.getY();
            Point p = getValidPoint( x , y ) ;
            if(  mWhiteArray.contains(p) || mBlackArray.contains(p) ){
                return false ;
            }
            if( isWhite ){
                mWhiteArray.add(p);
            }else {
                mBlackArray.add(p);
            }
            invalidate();
            isWhite = !isWhite ;
        }
        return true;
    }
    //获取点击的有效地址
    private Point getValidPoint(int x, int y) {
        return new Point( (int )(x / mLineHeight) , (int ) (y / mLineHeight) );
    }
    //再来一局
    public void restart(){
        mWhiteArray.clear();
        mBlackArray.clear();
        isGameOver = false ;
        isWhiteWinner = false ;
        invalidate();
    }
/*
    //定义常量
    private static final String INSTANCE = "instance" ;
    private static final String INSTANCE_GAME_OVER = "instance_game_over";
    private static final String INSTANCE_WHITE_ARRAY = "instance_white_array";
    private static final String INSTANCE_BLACK_ARRAY = "instance_black_array";
    //保存当前游戏状态
    @Override
    protected Parcelable onSaveInstanceState() {
        Bundle bundle = new Bundle();
        bundle.putParcelable(INSTANCE , super.onSaveInstanceState());
        bundle.putBoolean(INSTANCE_GAME_OVER , isGameOver);
        bundle.putParcelableArray(INSTANCE_WHITE_ARRAY ,  mWhiteArray);
        bundle.putParcelableArray(INSTANCE_BLACK_ARRAY ,  mBlackArray);
        return bundle ;
    }
    //恢复棋局状态
    @Override
    protected void onRestoreInstanceState(Parcelable state) {
        if( state instanceof  Bundle ){
            Bundle bundle = (Bundle) state;
            isGameOver = bundle.getBoolean( INSTANCE_GAME_OVER);
            mWhiteArray = bundle.getParcelableArrayList( INSTANCE_WHITE_ARRAY );
            mBlackArray = bundle.getParcelableArrayList( INSTANCE_BLACK_ARRAY );
            super.onRestoreInstanceState(bundle.getParcelable(INSTANCE));
            return;
        }
        super.onRestoreInstanceState(state);
    }*/
}
在布局文件中引入该View
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.fivechess.MainActivity" android:background="@drawable/board_bg"> <com.fivechess.GamePanel android:id="@+id/game_panel" android:layout_width="match_parent" android:layout_height="match_parent" /> <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="再来一局" android:layout_alignParentBottom="true"/> </RelativeLayout>
MainActivity的代码
package com.fivechess;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
public class MainActivity extends AppCompatActivity {
    private Button button ;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        button = (Button) findViewById(R.id.button);
        final GamePanel gamePanel = (GamePanel) findViewById(R.id.game_panel);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                gamePanel.restart();
            }
        });
    }
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
	声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
		
评论(0)