自定义view之 五子棋

最新推荐文章于 2024-02-19 21:35:23 发布
最新推荐文章于 2024-02-19 21:35:23 发布
阅读量202 收藏
点赞数
分类专栏： Android知识 功能篇
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42795723/article/details/102792426
版权

自定义view

public class GobangPanel extends View {

    private int mPanelWidth;   //五子棋宽度
    private float mLineHeight;	//边框线高度
    private int MAX_LINE = 10;		//最大行数
    private int MAX_COUNT_IN_LINE=5;		//数量为5的时候就胜利了

    private Paint mPaint = new Paint();				//画笔

    private Bitmap mWhitePiece;				//白棋
    private Bitmap mBlackPiece;				//黑棋					

    private float ratioPieceOfLineHeight = 3 * 1.0f / 4;

    //白棋先手，当前轮到白棋
    private boolean mIsWhite = true;
    private ArrayList<Point> mWhiteArray = new ArrayList<>();
    private ArrayList<Point> mBlackArray = new ArrayList<>();

    private boolean mIsGameOver;
    private boolean mIsWhiteWinner;

    public GobangPanel(Context context,  AttributeSet attrs) {
        super(context, attrs);
        //setBackgroundColor(0x44ff0000);
        init();
    }

    private void init() {
        mPaint.setColor(0x88000000);
        mPaint.setAntiAlias(true);
        mPaint.setDither(true);
        mPaint.setStyle(Paint.Style.STROKE);

        mWhitePiece = BitmapFactory.decodeResource(getResources(), R.mipmap.stone_w2);
        mBlackPiece = BitmapFactory.decodeResource(getResources(), R.mipmap.stone_b1);
    }

    @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
    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 p = getValidPoint(x, y);

            if (mWhiteArray.contains(p) || mBlackArray.contains(p)) {
                return false;
            }

            if (mIsWhite) {
                mWhiteArray.add(p);
            } else {
                mBlackArray.add(p);
            }
            invalidate();
            mIsWhite = !mIsWhite;
        }
        return true;
    }

    private Point getValidPoint(int x, int y) {
        return new Point((int) (x / mLineHeight), (int) (y / mLineHeight));
    }

    @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){
            mIsGameOver=true;
            mIsWhiteWinner=whiteWin;

            String text=mIsWhiteWinner?"白棋胜利":"黑棋胜利";
            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= checkVetical(x,y,points);
            if (win){
                return true;
            }
            win= checkLeftDiagonal(x,y,points);
            if (win){
                return true;
            }
            win= checkRightDiagonal(x,y,points);
            if (win){
                return true;
            }
        }
        return false;
    }

    /**
     * 判断x,x位置的棋子，是否横向有相邻的五个一致
     * @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;
    }

    private boolean checkVetical(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 checkLeftDiagonal(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 checkRightDiagonal(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);
        }
        //绘制竖线
        for (int i = 0; i < MAX_LINE; i++) {
            int startY = (int) (lineHeight / 2);
            int endY = (int) (w - lineHeight / 2);
            int x = (int) ((0.5 + i) * lineHeight);
            canvas.drawLine(x, startY, x, endY, mPaint);
        }
    }

    public void start(){
        mWhiteArray.clear();
        mBlackArray.clear();
        mIsGameOver=false;
        mIsWhiteWinner=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,mIsGameOver);
        bundle.putParcelableArrayList(INSTANCE_WHITE_ARRAY,mWhiteArray);
        bundle.putParcelableArrayList(INSTANCE_BLACK_ARRAY,mBlackArray);
        return bundle;
    }

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

创建menu文件夹 创建menu_main.xml

<item android:id="@+id/action_settings"
    android:title="@string/one_more_game"
    android:orderInCategory="100"
    android:showAsAction="never"/>

values 里面的 strings.xml

<string name="app_name" tools:ignore="ExtraTranslation">五子棋</string>
<string name="one_more_game">再来一局</string>

activity_mian.xml

<com.example.asus.gobang.GobangPanel
    android:id="@+id/gobang"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_centerInParent="true" />
## MainActivity.java public class MainActivity extends Activity { 
private GobangPanel gobangPanel;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    gobangPanel=findViewById(R.id.gobang);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.menu_main,menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    int id=item.getItemId();
    if (id== R.id.action_settings){
        gobangPanel.start();
        return true;
    }
    return super.onOptionsItemSelected(item);
}

}

@mipmap/bg 背景图

在这里插入图片描述

stone_b1 黑棋图片

在这里插入图片描述

stone_w2 白棋图片

在这里插入图片描述

效果图

在这里插入图片描述

迷路国王
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
android 自定义五子棋
Jarry的博客
03-02 1917
中午休息的时候，坐我旁边的同事喜欢玩五子棋，玩的很入迷。作为吃瓜群众的我，偶尔看他玩一两局。于是乎这两天想着实现一个简易的五子棋小游戏。本文重点是图形绘制。 首先看效果图： 下面讲解下思路： 1.绘制棋盘区域 针对手机这种宽度比长度小的，默认取宽度的1/11为棋盘的单位长度，然后根据在onSizeChanged()中获取到测量宽高尺寸getMeasuredWidth()和getMeas
【c语言五子棋】自定义类型五子棋/井字棋：胜负判断
dancehole的博客
12-31 4475
五子棋胜负判断篇 代码实现如下： 横向判断： //横向判断 int ifwina(int positionx, int positiony, int length, int winrule) { int whitewin = 0, blackwin...
【c语言五子棋】自定义类型五子棋/井字棋实现:概念及综述
dancehole的博客
12-11 1051
【零基础附完整代码】简单的五子棋-初步()控制台实现 声明：此五子棋偏新手向，不涉及复杂知识，仅供欣赏 系列目录： （0）在控制台实现自己的小想法[本文] （1）利用easyx制作自己的gui界面 （2）胜负判定 （3）ai算法 （4）其他及细节 最初要求 ...
C语言课设 可自定义棋盘和玩家的五子棋游戏
最新发布
2201_75467981的博客
02-19 501
这是一个实现了双人对战和人机对战的五子棋游戏项目，其中棋盘大小可选，游戏模式可选，还有登录和音乐功能。
Flutter自定义Widget实践之简易五子棋
qq_33367082的博客
03-11 2676
Flutter自定义Widget实践之简易五子棋
Android自定义View之五子棋
03-19
一款简易的五子棋Demo 主要使用Android的自定义View 自定义了一个有关五子棋的View Demo中包括棋盘网格线的绘制 棋子的绘制 规则的制定 输赢的提示 还有最重要的当接到电话以及旋转屏幕等情况时 当前游戏状态的存储...
android简单自定义View实现五子棋
01-04
本文实例为大家分享了android自定义View实现五子棋的具体代码，供大家参考，具体内容如下 先说一下吧，android的自定义View就是自己实现一个类去继承View，实现其中的方法，这里面我最感兴趣的就是onDraw方法了，...
Android自定义View实现五子棋游戏
01-21
本文实例为大家分享了Android五子棋游戏的具体代码，供大家参考，具体内容如下 1、效果图： 2、GobangPanel棋盘面板： public class GobangPanel extends View { private int mPanelWidth;//棋盘的宽度 private ...
java--五子棋初级版（自定义规则，模拟人机对战）
Atlas！的博客
01-02 2094
用java打个五子棋，主要理清思路就很简单了，还有就是规则的制定。 完成一个人机对战的五子棋项目，基本效果如下：
解决android mipmap 图片资源无法引用问题
weixin_49240952的博客
02-21 752
@drawable无法调用mipmap里的图片资源
vb.net五子棋（自定义控件应用与全局变量定义）
10-30
vb.net五子棋（自定义控件应用与全局变量定义）
自定义View实现五子棋游戏
asd1031的专栏
09-27 2666
成功的路上一点也不拥挤，因为坚持的人太少了。 ---简书上看到的一句话 未来请假三天顺带加上十一回家结婚，不得不说真是太坑了，去年婚假还有10天，今年一下子缩水到了3天，只能赶着十一办事了。最近还在看数据结构，打算用java实现一遍，所以没着急写读书笔记，不过前段时间看了一个简单的五子棋游
安卓自定义View游戏篇-（五子棋）
HelloWord的博客
02-13 779
1、效果图： 2、GobangPanel棋盘面板： public class GobangPanel extends View { private int mPanelWidth;//棋盘的宽度 private float mLineHeight;//行,高要为float private int MAX_LINE = 15;//棋盘行数 private int M...
自定义View+五子棋的简单实现
luck_136的博客
08-04 590
先看一张效果图： 首先我们要想实现以上的效果，就要先绘制棋盘和棋子。用系统中的组件是很难实现的，那么就需要我们自定义组件。 绘制棋盘： 在绘制棋盘之前，我们先应该测量棋盘的大小，然后再进行绘制。所以一定要重写onMeasure()和onDraw()方法。 第一步： 重写view的onMeasure(int widthMeasureSpec, int height
Android 自定义 View --- 实现五子棋游戏
魂恋云的博客
03-30 2268
这是一个完全自定义 View 实现的一个五子棋游戏
自定义view（二）五子棋
Big_Sweet
03-07 677
前段时间在慕课网上看了hyman大神的五子棋视频，发现下面没有提供源代码，然后自己跟着编写了一份，梳理了一下思路，用作总结画棋盘首先自定义view的四部曲 1，在attrs中申明自定义的属性 2，在View的构造方法中获得我们自定义的属性 3，重写onMeasure方法 4，重写ondraw方法 五子棋的自定义属性我都写死了，也可以不写死，写在attrs中动态的改变，这样都可以生成构造方法
Android中mipmap和drawable文件夹的区别
一花一世界的博客
07-27 961
Google官方关于mipmap和drawable的介绍 drawable/ For bitmap files (PNG, JPEG, or GIF), 9-Patch image files, and XML files that describe Drawable shapes or Drawable objects that contain multiple states (no
android 自定义view之 TypeArray
05-24
TypeArray 是 Android 中的一个特殊的资源类型，用于在 XML 中声明自定义 View 的属性。使用 TypeArray 可以方便地在 XML 布局中指定 View 的属性，而不需要在 Java 代码中进行硬编码。 使用 TypeArray 的步骤如下： 1. 在 res/values/attrs.xml 文件中定义自定义 View 的属性。 ```xml <resources> <declare-styleable name="MyCustomView"> <attr name="customAttr1" format="integer" /> <attr name="customAttr2" format="string" /> <attr name="customAttr3" format="boolean" /> </declare-styleable> </resources> ``` 2. 在自定义 View 的构造函数中获取 TypedArray 对象，并从中获取属性值。 ```java public class MyCustomView extends View { private int customAttr1; private String customAttr2; private boolean customAttr3; public MyCustomView(Context context, AttributeSet attrs) { super(context, attrs); TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.MyCustomView); customAttr1 = a.getInt(R.styleable.MyCustomView_customAttr1, 0); customAttr2 = a.getString(R.styleable.MyCustomView_customAttr2); customAttr3 = a.getBoolean(R.styleable.MyCustomView_customAttr3, false); a.recycle(); } } ``` 在上面的代码中，`context.obtainStyledAttributes(attrs, R.styleable.MyCustomView)` 用于获取 TypedArray 对象，`R.styleable.MyCustomView` 是在 attrs.xml 文件中定义的自定义属性集合，`a.getInt()`、`a.getString()`、`a.getBoolean()` 用于从 TypedArray 对象中获取属性值，最后需要调用 `a.recycle()` 来回收 TypedArray 对象。 3. 在 XML 布局中使用自定义 View，并设置属性值。 ```xml <com.example.MyCustomView android:layout_width="match_parent" android:layout_height="wrap_content" app:customAttr1="123" app:customAttr2="hello" app:customAttr3="true" /> ``` 在上面的代码中，`app:customAttr1`、`app:customAttr2`、`app:customAttr3` 是在 attrs.xml 文件中定义的自定义属性名，可以在 XML 布局中使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值