android自定义View实现简单五子棋游戏
做一个五子棋练练手,没什么特别的,再复习一下自定义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)