Android五子棋游戲程序完整實例分析
最近學(xué)習(xí)了五子棋的課程,感覺挺不錯。然后自己寫了個關(guān)于五子棋的android程序,從中還是能夠?qū)W習(xí)到很多東西的?,F(xiàn)在我們開始今天五子棋程序的編寫歷程。
好了,我們現(xiàn)在開始一步步的構(gòu)建出項目來,首先是如下的項目結(jié)構(gòu)圖:
運行的效果圖:
一些前期做準(zhǔn)備的代碼
1、 主活動類MainActivity,在菜單中加入了再來一局的功能:
public class MainActivity extends AppCompatActivity { private ChessBoardView chessBoardView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); chessBoardView = (ChessBoardView) findViewById(R.id.boardView); } @Override public boolean onOptionsItemSelected(MenuItem item) { int id = item.getItemId(); // 再來一局 if (id == R.id.action_setting) { chessBoardView.start(); return true; } return super.onOptionsItemSelected(item); } @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.menu_main, menu); return true; } }
2、常量類便于維護(hù)管理:Constants
public class Constants { // 五子連珠 public final static int MAX_COUNT_IN_LINE = 5; // 棋盤的行數(shù) final static int MAX_LINE = 15; // 檢查的方向 final static int HORIZONTAL = 0; final static int VERTICAL = 1; final static int LEFT_DIAGONAL = 2; final static int RIGHT_DIAGONAL = 4; }
3、activity_main.xml中增加了自定義棋盤的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:layout_width="match_parent" android:layout_height="match_parent" android:background="@mipmap/bg" tools:context="com.example.linux.mygobang.MainActivity"> <com.example.linux.mygobang.ChessBoardView android:id="@+id/boardView" android:layout_centerInParent="true" android:layout_width="match_parent" android:layout_height="match_parent" /> </RelativeLayout>
4、menu_main.xml中定義再來一局的菜單:
<?xml version="1.0" encoding="utf-8"?> <menu xmlns:tools="http://schemas.android.com/tools" xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/action_setting" android:title="再來一局" android:orderInCategory="100" android:showAsAction="never" tools:ignore="AppCompatResource" /> </menu>
自定義棋盤的View
ChessBoardView類,是整個程序比較核心的部分。
1、初始化工作,程序中用到的變量也放在下面的代碼中:
// 棋盤的寬度,也是長度 private int mViewWidth; // 棋盤每格的長度 private float maxLineHeight; private Paint paint = new Paint(); // 定義黑白棋子的Bitmap private Bitmap mwhitePiece, mblackPiece; private float ratioPieceOfLineHeight = 3 * 1.0f / 4; // 判斷當(dāng)前落下的棋子是否是白色的 private boolean mIsWhite = true; // 記錄黑白棋子位置的列表 private ArrayList<Point> mwhiteArray = new ArrayList<>(); private ArrayList<Point> mblackArray = new ArrayList<>(); // 游戲是否結(jié)束 private boolean mIsGameOver; // 游戲結(jié)束,是否是白色方勝利 private boolean mIsWhiteWinner; public ChessBoardView(Context context, AttributeSet attrs) { super(context, attrs); init(); } private void init() { paint.setColor(0x88000000); paint.setAntiAlias(true); paint.setDither(true); paint.setStyle(Paint.Style.STROKE); mwhitePiece = BitmapFactory.decodeResource(getResources(), R.mipmap.stone_w2); mblackPiece = BitmapFactory.decodeResource(getResources(), R.mipmap.stone_b1); }
2、onMeasure方法,測量View的大小,使View的長寬一致。
@Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { int widthSize = MeasureSpec.getSize(widthMeasureSpec); int widthModel = MeasureSpec.getMode(widthMeasureSpec); int heightSize = MeasureSpec.getSize(heightMeasureSpec); int heightModel = MeasureSpec.getMode(heightMeasureSpec); int width = Math.min(widthSize, heightSize); if (widthModel == MeasureSpec.UNSPECIFIED) { width = heightSize; } else if (heightModel == MeasureSpec.UNSPECIFIED) { width = widthSize; } setMeasuredDimension(width, width); }
2、onSizeChanged方法在布局的階段,如果View的大小發(fā)生改變,此方法得到調(diào)用。
@Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); mViewWidth = w; maxLineHeight = mViewWidth * 1.0f / Constants.MAX_LINE; int pieceWidth = (int) (maxLineHeight * ratioPieceOfLineHeight); mwhitePiece = Bitmap.createScaledBitmap(mwhitePiece, pieceWidth, pieceWidth, false); mblackPiece = Bitmap.createScaledBitmap(mblackPiece, pieceWidth, pieceWidth, false); }
4、onTouchEvent方法中處理我們下棋子的位置:
@Override public boolean onTouchEvent(MotionEvent event) { if (mIsGameOver) { return false; } int action = event.getAction(); if (action == MotionEvent.ACTION_UP) { int x = (int) event.getX(); int y = (int) event.getY(); Point point = getValidPoint(x, y); if (mwhiteArray.contains(point) || mblackArray.contains(point)) { return false; } if (mIsWhite) { mwhiteArray.add(point); } else { mblackArray.add(point); } invalidate(); mIsWhite = !mIsWhite; } return true; }
5、在onDraw方法做棋盤的繪制工作:
@Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); // 繪制棋盤的網(wǎng)格 drawBoard(canvas); // 繪制棋盤的黑白棋子 drawPieces(canvas); // 檢查游戲是否結(jié)束 checkGameOver(); }
6、接下來,我們按上面的流程,一個個的做詳細(xì)的解釋:
繪制棋盤的網(wǎng)格:
// 繪制棋盤的網(wǎng)線 private void drawBoard(Canvas canvas) { int w = mViewWidth; float lineHeight = maxLineHeight; for (int i = 0; i < Constants.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, paint); canvas.drawLine(y, startX, y, endX, paint); } }
繪制棋盤的黑白棋子:
// 根據(jù)黑白棋子的數(shù)組繪制棋子 private void drawPieces(Canvas canvas) { for (int i = 0, n = mwhiteArray.size(); i < n; i++) { Point whitePoint = mwhiteArray.get(i); float left = (whitePoint.x + (1 - ratioPieceOfLineHeight) / 2) * maxLineHeight; float top = (whitePoint.y + (1 - ratioPieceOfLineHeight) / 2) * maxLineHeight; canvas.drawBitmap(mwhitePiece, left, top, null); } for (int i = 0, n = mblackArray.size(); i < n; i++) { Point blackPoint = mblackArray.get(i); float left = (blackPoint.x + (1 - ratioPieceOfLineHeight) / 2) * maxLineHeight; float top = (blackPoint.y + (1 - ratioPieceOfLineHeight) / 2) * maxLineHeight; canvas.drawBitmap(mblackPiece, left, top, null); } }
檢查游戲是否已經(jīng)結(jié)束:
// 檢查游戲是否結(jié)束 private void checkGameOver() { CheckWinner checkWinner = new CheckWinner(); boolean whiteWin = checkWinner.checkFiveInLineWinner(mwhiteArray); boolean blackWin = checkWinner.checkFiveInLineWinner(mblackArray); if (whiteWin || blackWin) { mIsGameOver = true; mIsWhiteWinner = whiteWin; String text = mIsWhiteWinner ? "白棋勝利" : "黑棋勝利"; Toast.makeText(getContext(), text, Toast.LENGTH_SHORT).show(); } }
保存殘局并恢復(fù)棋局
1、 保存殘局,例如切換橫堅屏?xí)r:
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, mIsGameOver); bundle.putParcelableArrayList(INSTANCE_BLACK_ARRAY, mblackArray); bundle.putParcelableArrayList(INSTANCE_WHITE_ARRAY, mwhiteArray); return bundle; }
2、 從bundle中恢復(fù)棋局:
@Override protected void onRestoreInstanceState(Parcelable state) { if (state instanceof Bundle) { Bundle bundle = (Bundle) state; mIsGameOver = 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); }
3、 增加再來一局游戲的邏輯:
// 再來一局 public void start() { mwhiteArray.clear(); mblackArray.clear(); mIsGameOver = false; mIsWhiteWinner = false; invalidate(); }
判斷游戲是否結(jié)束的算法
在CheckWinner中,對棋盤中的棋子做”米“字型的檢查是否五子連珠:
1、 check方法中,針對不同的方向,做判斷:
private boolean check(int x, int y, List<Point> points, int checkOri) { int count = 1; for (int i = 1; i < Constants.MAX_COUNT_IN_LINE; i++) { switch (checkOri) { case Constants.HORIZONTAL: point1 = new Point(x - i, y); break; case Constants.VERTICAL: point1 = new Point(x, y - i); break; case Constants.LEFT_DIAGONAL: point1 = new Point(x - i, y + i); break; case Constants.RIGHT_DIAGONAL: point1 = new Point(x + i, y + i); break; } if (points.contains(point1)) { count++; } else { break; } } for (int i = 1; i < Constants.MAX_COUNT_IN_LINE; i++) { switch (checkOri) { case Constants.HORIZONTAL: point2 = new Point(x + i, y); break; case Constants.VERTICAL: point2 = new Point(x, y + i); break; case Constants.LEFT_DIAGONAL: point2 = new Point(x + i, y - i); break; case Constants.RIGHT_DIAGONAL: point2 = new Point(x - i, y - i); break; } if (points.contains(point2)) { count++; } else { break; } } if (count == Constants.MAX_COUNT_IN_LINE) { return true; } return false; }
2、 做四個方向檢查:
// 橫向判斷 private boolean checkHorizontal(int x, int y, List<Point> points) { checkModel = Constants.HORIZONTAL; return check(x, y, points, checkModel); } // 豎向判斷 private boolean checkVertical(int x, int y, List<Point> points) { checkModel = Constants.VERTICAL; return check(x, y, points, checkModel); } // 左斜判斷 private boolean checkLeftDiagonal(int x, int y, List<Point> points) { checkModel = Constants.LEFT_DIAGONAL; return check(x, y, points, checkModel); } // 右斜判斷 private boolean checkRighttDiagonal(int x, int y, List<Point> points) { checkModel = Constants.RIGHT_DIAGONAL; return check(x, y, points, checkModel); }
3、 做具體的判斷,是否游戲結(jié)束:
private Point point1, point2; private int checkModel = -1; public boolean checkFiveInLineWinner(List<Point> points) { for (Point point : points) { int x = point.x; int y = point.y; if (checkHorizontal(x, y, points)) { return true; } else if (checkVertical(x, y, points)) { return true; } else if (checkLeftDiagonal(x, y, points)) { return true; } else if (checkRighttDiagonal(x, y, points)) { return true; } } return false; }
源碼下載:Android五子棋游戲程序
更多有趣的經(jīng)典小游戲?qū)崿F(xiàn)專題,分享給大家:
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android常見XML轉(zhuǎn)義字符(總結(jié))
下面小編就為大家?guī)硪黄狝ndroid常見XML轉(zhuǎn)義字符(總結(jié))。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-04-04如何修改Android Studio創(chuàng)建module時默認(rèn)的compileSdkVersion
這篇文章主要給大家介紹了如何修改Android Studio創(chuàng)建module時默認(rèn)的compileSdkVersion的相關(guān)資料,文中介紹的非常詳細(xì),對大家具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧。2017-05-05Android OpenGLES如何給相機(jī)添加濾鏡詳解
這篇文章主要給大家介紹了關(guān)于Android OpenGLES如何給相機(jī)添加濾鏡的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對各位Android開發(fā)者們具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08flutter 路由跳轉(zhuǎn)的實現(xiàn)示例
這篇文章主要介紹了flutter 路由跳轉(zhuǎn)的實現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08