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)

相关推荐

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

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

  • 基于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自定义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;

  • Android自定义View实现简单的圆形Progress效果

    先给大家展示下效果图,如果感觉不错,请参考实现思路: 我们要实现一个自定义的再一个圆形中绘制一个弧形的自定义View,思路是这样的: 先要创建一个类ProgressView,继承自View类,然后重写其中的两个构造方法,一个是一个参数的,一个是两个参数的,因为我们要在xml文件中使用该自定义控件,所以必须要定义这个两个参数的构造函数.创建完了这个类后,我们先不去管它,先考虑我们实现的这个自定义View,我们想让它的哪些部分可以由使用者自己指定,比如说这个Demo中我们让他的外面圆的外边框颜色和宽

  • Android自定义View实现简单水波纹效果

    本文实例为大家分享了Android自定义View实现水波纹效果的具体代码,供大家参考,具体内容如下 效果如下: 原理 控制代码 //这里用的kotlin //主线程刷新控件  val mHandler = object : Handler() {         override fun handleMessage(msg: Message?) {             waterRippleView.refreshView()         }      //开启动画,开线程,延时刷新pe

  • Android自定义View实现简单炫酷的球体进度球实例代码

    前言 最近一直在研究自定义view,正好项目中有一个根据下载进度来实现球体进度的需求,所以自己写了个进度球,代码非常简单.先看下效果: 效果还是非常不错的. 准备知识 要实现上面的效果我们只要掌握两个知识点就好了,一个是Handler机制,用于发消息刷新我们的进度球,一个是clipDrawable.网上关于Handler的教程很多,这里重点介绍一下clipDrawable,进度球的实现全靠clipDrawable. clipDrawable 如下图所示:ClipDrawable和InsertDr

  • Android自定义View实现简单文字描边功能

    本文实例为大家分享了Android实现简单文字描边功能的具体代码,供大家参考,具体内容如下 效果图: 实现代码: package com.example.zhangyu.myview.widget; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.

  • Android自定义View实现拼图小游戏

    本文实例为大家分享了Android拼图小游戏的具体代码,供大家参考,具体内容如下 1.效果图: 运行时: 结束时: 2.PuzzleLayoutView: public class PuzzleLayoutView extends RelativeLayout implements View.OnClickListener { //表示将其切成2*2拼图(默认4块) private int mColumn = 2; //容器的内边距 private int mPadding; //每个块块的边距

  • Android自定义View实现游戏摇杆键盘的方法示例

    前言 本文主要给大家介绍的是关于Android自定义View实现游戏摇杆键盘的相关内容,为什么会有这篇文章呢?因为在之前的一个项目,操作方向的方式为上下左右,左上需要同时按住左键和右键的方式进行操作. 如下图: 近来需要升级项目,操作方式改为类似王者荣耀的摇杆操作. 如下图: 好了,下面话不多说了,跟着小编来一起看看是如何实现的吧. 绘制背景 实现遥感按钮,需要绘制背景,绘制中心的遥感按钮.绘制遥感背景,需要创建一个RemoteViewBg类,存储背景图,减少重复创建bitmap. Remote

  • Android自定义view实现阻尼效果的加载动画

    效果: 需要知识: 1. 二次贝塞尔曲线 2. 动画知识 3. 基础自定义view知识 先来解释下什么叫阻尼运动 阻尼振动是指,由于振动系统受到摩擦和介质阻力或其他能耗而使振幅随时间逐渐衰减的振动,又称减幅振动.衰减振动.[1] 不论是弹簧振子还是单摆由于外界的摩擦和介质阻力总是存在,在振动过程中要不断克服外界阻力做功,消耗能量,振幅就会逐渐减小,经过一段时间,振动就会完全停下来.这种振幅随时间减小的振动称为阻尼振动.因为振幅与振动的能量有关,阻尼振动也就是能量不断减少的振动.阻尼振动是非简谐运

  • Android自定义View实现照片裁剪框与照片裁剪功能

    本文所需要实现的就是这样一种有逼格的效果: 右上角加了个图片框,按下确定可以裁剪正方形区域里的图片并显示在右上角. 实现思路: 1:首先需要自定义一个ZoomImageView来显示我们需要的图片,这个View需要让图片能够以合适的位置展现在当前布局的图片展示区域内(合适的位置值的是:如果图片长度大于屏幕,则压缩图片长度至屏幕宽度,高度等比压缩并居中显示,如果图片高度大于屏幕,则压缩图片高度至屏幕高度,长度等比压缩并居中显示.): 2:然后需要实现这个拖动的框框,该框框实现的功能有四点:拖动.扩

随机推荐