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();
            }
        });
    }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

时间: 2022-05-04

android简单自定义View实现五子棋

本文实例为大家分享了android自定义View实现五子棋的具体代码,供大家参考,具体内容如下 先说一下吧,android的自定义View就是自己实现一个类去继承View,实现其中的方法,这里面我最感兴趣的就是onDraw方法了,因为你要的样式都要在这里面进实现,看一下效果图吧: 大概就是介个样子的,长得丑不要紧,能用就行,毕竟只是简单的了解一下嘛! *protected void onDraw(Canvas canvas) { super.onDraw(canvas); RectF rectF

Android实现五子棋游戏(局域网版)

本文实例为大家分享了Android实现五子棋游戏的具体代码,供大家参考,具体内容如下 实现环境:  android studio 3.2.1, 手机分辨率为: 1920 * 1080 局域网采用 Socket 连接分主活动类,主机类,客户端类 代码如下 清单文件要添加的权限: <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" /> <uses-permission android:

Android实现中国象棋游戏(局域网版)

本文实例为大家分享了Android实现中国象棋游戏的具体代码,供大家参考,具体内容如下 实现环境:  android studio 3.2.1, 手机分辨率为: 1920 * 1080 局域网 UDP 连接分主活动类,棋类,主机类 代码如下: 清单文件要添加的权限: <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" /> <uses-permission android:name=

Android自定义View实现五子棋游戏

本文实例为大家分享了Android五子棋游戏的具体代码,供大家参考,具体内容如下 1.效果图: 2.GobangPanel棋盘面板: public class GobangPanel extends View { private int mPanelWidth;//棋盘的宽度 private float mLineHeight;//行,高要为float private int MAX_LINE = 15;//棋盘行数 private int MAX_COUNT_IN_LINE = 5;//设置赢

Android自定义view之围棋动画效果的实现

前言 废话不多说直接开始 老规矩,文章最后有源码 完成效果图 棋子加渐变色 棋子不加渐变色 一.测量 1.获取宽高 @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); mWidth = w; mHeight = h; useWidth = mWidth; if (mWidth > mHeight) { useWidth =

基于android实现五子棋开发

基于Android的五子棋的开发,供大家参考,具体内容如下 需求分析 1 棋盘和棋子绘制 2 按照五子棋的规则制定游戏胜负规则  3 鼠标响应 在对战中 需要通过鼠标点击下棋 进行游戏的基本操作 4 游戏模式 双人对战 两人交替落子 双方孰先孰后随机决定 5 棋子的形式和作用 棋子分为黑白两种棋子 双方各持一种棋子 通过黑先白后的方式来进行对局 6 通过棋子完成五连珠结束游戏 流程图 android stdio中的基本架构 CheckWinner.java package com.example

Android自定义View实现五子棋小游戏

本文实例为大家分享了Android实现五子棋小游戏的具体代码,供大家参考,具体内容如下 配图: 代码: package com.example.fiveson; import java.util.LinkedList; import java.util.List; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphic

Android游戏开发之黑白棋

黑白棋介绍 黑白棋,又叫苹果棋,最早流行于西方国家.游戏通过相互翻转对方的棋子,最后以棋盘上谁的棋子多来判断胜负.黑白棋非常易于上手,但精通则需要考虑许多因素,比如角边这样的特殊位置.稳定度.行动力等.本游戏取名为黑白棋大师,提供了8种难度等级的选择,从菜鸟.新手.入门.棋手到棋士.大师.宗师.棋圣,助你不断提升棋力. 黑白棋游戏规则 游戏规则见黑白棋大师中的截图. 黑白棋大师游戏截图 游戏启动界面. 游戏过程中的一个截图. 开新局时的选项,选择先后手以及AI的水平. 几个关键的类 Rule R

Android开发实现的简单五子棋游戏示例

本文实例讲述了Android开发实现的简单五子棋游戏.分享给大家供大家参考,具体如下: 我刚刚在Android上写的一个五子棋的小程序,在这里跟大家分享一下. 写完以后感觉Android的SDK,虽然也是使用Java的,但是跟Java ME还是有很大不一样. 首先就是Android的SDK没有实现所有的Java ME标准,原来运行在KJava上的应用程序是不能在Android上直接跑的. 另外就是Android的SDK有大量的API是Android自己的,需要开发人员去了解. Android的开

Android开发中ProgressDialog简单用法示例

本文实例讲述了Android开发中ProgressDialog简单用法.分享给大家供大家参考,具体如下: 网上一般对进度条的示例都是如何显示,没有在任务结束如何关闭的文章,参考其他文章经过试验之后把整套进度条显示的简单示例如下: 建立android工程等工作都略去,Google一下就可以了. 下面来介绍主要的Activity ProgressBarDemo.java package com.lveyo.android.demo.progressbar; import android.app.Ac

Android开发实现的简单媒体播放器功能示例

本文实例讲述了Android开发实现的简单媒体播放器功能.分享给大家供大家参考,具体如下: 一.概述: 因为播放视频需要很大的内存,所以必须使用surfaceview , surfaceview 里实现了双缓冲的功能, 二.全部代码: /** * @描述 使用surfaceview 创建视频 * @项目名称 App_Basic * @包名 com.example.basic.media * @类名 MediaPlayerActivity * @author chenlin * @date 201

android 通过MediaRecorder实现简单的录音示例

整理文档,搜刮出一个android 通过MediaRecorder实现简单的录音示例,稍微整理精简一下做下分享. MainActivity package com.centaur.collectvoice; import android.media.MediaRecorder; import android.os.Environment; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; impo

Android开发中的简单设置技巧集锦

本文实例总结了Android开发中的简单设置技巧.分享给大家供大家参考,具体如下: 1开机图片: android-logo-mask.png android-logo-shine.png 这两个图片一个在上一个在下 ./out/target/common/obj/JAVA_LIBRARIES/android_stubs_current_intermediates/classes/assets/images/android-logo-shine.png ./frameworks/base/core

Android开发实现的简单计算器功能【附完整demo源码下载】

本文实例讲述了Android开发实现的简单计算器功能.分享给大家供大家参考,具体如下: 这个Android计算器虽然还有点小bug,不过简单的计算功能还是没问题的哦: 先上图看效果 比较简单,所以我就没怎么写注释,应该一看就能明白的 有不明白的可以发信问我 先贴MainActivity.java代码 package com.example.calculator; import android.app.Activity; import android.os.Bundle; import andro

python实现简单五子棋游戏

本文实例为大家分享了python实现简单五子棋游戏的具体代码,供大家参考,具体内容如下 from graphics import * from math import * import numpy as np def ai(): """ AI计算落子位置 """ maxmin(True, DEPTH, -99999999, 99999999) return next_point[0], next_point[1] def maxmin(is_ai

Android开发实现各种图形绘制功能示例

本文实例讲述了Android开发实现各种图形绘制功能.分享给大家供大家参考,具体如下: 这里结合本人的开发事例,简单介绍一下如何在Android平台下实现各种图形的绘制. 首先自定义一个View类,这个view类里面需要一个Paint对象来控制图形的属性,需要一个Path对象来记录图形绘制的路径,需要一个Canvas类来执行绘图操作,还需要一个Bitmap类来盛放绘画的结果. Paint mPaint = new Paint(); mPaint.setAntiAlias(true); mPain

使用python实现简单五子棋游戏

用python实现五子棋简单人机模式的练习过程,供大家参考,具体内容如下 第一次写博客,我尽力把它写好. 最近在初学python,今天就用自己的一些粗浅理解,来记录一下这几天的python简单人机五子棋游戏的练习,下面是实现过程的理解(是在cmd中运行的): 主要流程: *重点内容* - 首先是模块及类的划分 - 棋子类和棋盘类的方法 - 对策略类里的功能进行细分,调用棋子类和棋盘类 - 写出判断输赢的方法 - 用main函数进行整个游戏进度的控制 模块及类的划分 类的划分涉及到了面向对象的内容

Android开发实现广告无限循环功能示例

本文实例讲述了Android开发实现广告无限循环功能.分享给大家供大家参考,具体如下: 一.效果图: 二.代码实现: /** * 新闻首页 * * @Project App_Card * @Package com.android.koomama.fragment.home * @author chenlin * @version 1.0 * @Date 2014年6月22日 * @Note TODO */ public class NewsHomeFragment extends BaseFra