当前位置: 开发笔记 > 运维 > 正文

基于Android平台实现拼图小游戏

作者：Rain雨露Dew | 来源：互联网 | 2022-02-13 13:20

这篇文章主要为大家详细介绍了基于Android平台实现拼图小游戏，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

一、需求描述

拼图是一款益智类经典游戏了，本游戏学习了一些前辈们的经验，整体来说讲，将图片用切图工具进行切割，监听用户手指滑动事件，当用户对凌乱的图片，在一定的时间内拼凑恢复成原来的样子，则成功闯关。根据游戏不同的关卡对图片进行动态的切割。玩家可以在随意交换任意两张图片，通过遍历切割好的每块图片，将用户选中的图片，进行替换；
其中主要的功能为：

动态对图片进行切割成所需要的份数。
玩家任意点击的两张图片能够进行正确交换。
实现交换图片的动画切换效果。
实现过关逻辑。
实现游戏时间逻辑控制。
游戏结束和暂停。

二、主要功能分析

在拼图游戏开发过程中，实现的主要的功能;提供给用户所使用，具体功能分析如下所示：

1、编写切片工具：由于拼图游戏需要准备一个完整的图片，从直观上来看，我们不能每次都将一个完整的图片进行分割，如果是3*3，分成9块，4*4分成16份，这样带来的图片资源极大的混乱，不利于后期的维护，然后Andorid就提供了具体的方法来实现对特定图片的切图工具，通过传入的参数的不同，对图片分割成所需要的矩阵，并设置每块的宽高。利用两个for循环进行切图。并设置每块图片的大小位置和每块图片的块号下标Index。

2、自定义容器：自定义相对布局文件，用来存放切割好的图片，并设置图片之间的间隙，以及确定图片上下左右的关系。以及设置图片与容器的内边距设置。

3、实现图片交换：实现手指的监听事件，将对选中的两张图片进行位置的变换。

4、实现交换图片的动画效果：构造动画层，设置动画，监听动画

5、实现游戏过关逻辑：成功的判断，关卡的回调。

6、实现游戏时间逻辑：游戏时间的更新，以及Handler不断的回调，时间超时后游戏状态的处理，以及成功闯关后，游戏时间的变更。

7、游戏的结束与暂停：当用户返回主页面的时候，游戏能够暂停，当用户返回游戏的时候，游戏可以重新开始。

三、概要设计

1、**切图工具类**ImagePiece和ImageSplitterUtil。其中ImagePiece对Bitmap图片的块号与每一块图片的位置进行属性的基本设置；在切图工具类ImageSplitterUtil中，提供一个切图方法splitImage,将传入的Bitmap图片分割成Piece*Piece块，并设置每块宽度，将分割好的图片放入到List中。

2、自定义View:GamePintuLayout.java中运用的主要工具有：
单位转换：将传入的数值进行单位转换成3PX,使得屏幕可识别。

//单位的转换
mMargin = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,
 3, getResources().getDisplayMetrics());

/*获取多个参数的最小值*/
 private int min(int... params) {
 int min = params[0];
 for (int param : params) {
  if (param

3、图片乱序的实现：

// 使用sort完成我们的乱序 
Collections.sort(mItemBitmaps, new Comparator() {
  public int compare(ImagePiece a, ImagePiece b) {
  return Math.random() > 0.5 &＃63; 1 : -1;
  }
 });

4、图片的交换：在监听事件中，当用户选中了两张图片，则对图片进行交换，并对第一次选中的图片，进行样式的设置。如果用户重复点击一张图片，则消除图片的选中状态。通过给图片设置的Tag，找到Id, 然后找到Bitmap图片的index，然后进行交换同时交换Tag。

String firstTag = (String) mFirst.getTag();
String secOndTag= (String) mSecond.getTag();
mFirst.setImageBitmap(secondBitmap);
mSecond.setImageBitmap(firstBitmap);
mFirst.setTag(secondTag);
mSecond.setTag(firstTag);

5、图片动画切换：构造动画层，mAnimLayout并addView,然后在exchangeView中，先构造动画层，复制两个ImageView,为两个ImageView设置动画，监听动画的开始，让原本的View隐藏，结束以后，将图片交换，将图片显示，移除动画层。

6、通过接口对关卡进行回调：实现关卡进阶、时间控制、游戏结束接口。并利用Handler更新UI，在nextLevel方法中实现移除之前的View布局，以及将动画层设置为空，增加mColumn++,然后初始化initBitmap()进行重新切图乱序并InitItem()设置图片的图片宽高。

public interface GamePintuListener {
 void nextLevel(int nextLevel);
 void timechanged(int currentTime);
 void gameover();
 }

public GamePintuListener mListener;
 /*
 * 设置接口回调
 */
public void setOnGamePintuListener(GamePintuListener mListener) {
 this.mListener = mListener;
 }

7、根据当前等级设置游戏的时间：mTime = (int)Math.pow(2, level)*60;进而更行我们的Handler。mHandler.sendEmptyMessageDelayed(TIME_CHANGED, 1000)使得时间动态的减一。

8、游戏暂停开始：

mHandler.removeMessages(TIME_CHANGED);
而重新开始游戏则是：mHandler.sendEmptyMessage(TIME_CHANGED);

四、系统实现

工具类：

ImagePiece.java
ImageSplitterUtil.java

自定义容器：

GamePintuLayout.java

ImagePiece.java

package com.example.utils;
import android.graphics.Bitmap;
public class ImagePiece {

 private int index;// 当前第几块
 private Bitmap bitmap;// 指向当前图片

 public ImagePiece()
 {
 }

 public ImagePiece(int index, Bitmap bitmap) {
 this.index = index;
 this.bitmap = bitmap;
 }

 public int getIndex() {
 return index;
 }

 public void setIndex(int index) {
 this.index = index;
 }

 public Bitmap getBitmap() {
 return bitmap;
 }

 public void setBitmap(Bitmap bitmap) {
 this.bitmap = bitmap;
 }

 public String toString() {
 return "ImagePiece [index=" + index + ", bitmap=" + bitmap + "]";
 }
}

ImageSplitterUtil.java

//ImageSplitterUtil.java
package com.example.utils;

import java.util.ArrayList;
import java.util.List;

import android.graphics.Bitmap;

public class ImageSplitterUtil {
 /*
 * 传入Bitmap切成Piece*piece块，返回List
 */
 public static List splitImage(Bitmap bitmap, int piece) {
 List imagePieces = new ArrayList();

 int width = bitmap.getWidth();
 int height = bitmap.getHeight();

 // 每一块的宽度
 int pieceWidth = Math.min(width, height) / piece;

 for (int i = 0; i

GamePintuLayout.java

package com.example.game_pintu.view;

import java.util.Collections;
import java.util.Comparator;
import java.util.List;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Color;
import android.os.Handler;
import android.util.AttributeSet;
import android.util.Log;
import android.util.TypedValue;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.Toast;

import com.example.game_pintu.R;
import com.example.utils.ImagePiece;
import com.example.utils.ImageSplitterUtil;

public class GamePintuLayout extends RelativeLayout implements OnClickListener {

 private int mColumn = 3;
 /*
 * 容器内边距
 */
 private int mPadding;
 /*
 * 每张小图之间的距离（横纵）dp
 */
 private int mMargin = 3;

 private ImageView[] mGamePintuItems;
 private int mItemWidth;

 /*
 * 游戏的图片
 */
 private Bitmap mBitmap;

 private List mItemBitmaps;
 private boolean once;
 /*
 * 游戏面板的宽度
 */
 private int mWidth;
 private boolean isGameSuccess;
 private boolean isGameOver;

 public interface GamePintuListener {
 void nextLevel(int nextLevel);

 void timechanged(int currentTime);

 void gameover();
 }

 public GamePintuListener mListener;

 /*
 * 设置接口回调
 */
 public void setOnGamePintuListener(GamePintuListener mListener) {
 this.mListener = mListener;
 }

 private int level = 1;
 private static final int TIME_CHANGED = 0x110;
 private static final int NEXT_LEVEL = 0x111;

 private Handler mHandler = new Handler() {
 public void handleMessage(android.os.Message msg) {
  switch (msg.what) {
  case TIME_CHANGED:
  if(isGameSuccess||isGameOver||isPause)
   return;

  if(mListener !=null)
  {
   mListener.timechanged(mTime);
   if(mTime ==0)
   {
   isGameOver = true;
   mListener.gameover();
   return;
   }
  }
  mTime--;
  mHandler.sendEmptyMessageDelayed(TIME_CHANGED, 1000);

  break;
  case NEXT_LEVEL:
  level = level + 1;
  if (mListener != null) {
   mListener.nextLevel(level);
  } else {
   nextLevel();
  }
  break;

  default:
  break;
  }
 };
 };

 private boolean isTimeEnabled = false;
 private int mTime;
 /*
 * 设置是否开启时间
 */
 public void setTimeEnabled(boolean isTimeEnabled) {
 this.isTimeEnabled = isTimeEnabled;
 }

 public GamePintuLayout(Context context) {
 this(context, null);
 }

 public GamePintuLayout(Context context, AttributeSet attrs) {
 this(context, attrs, 0);

 }

 public GamePintuLayout(Context context, AttributeSet attrs, int defStyle) {
 super(context, attrs, defStyle);
 init();
 }

 private void init() {
 /*
  * 单位的转换3--px
  */
 mMargin = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,
  3, getResources().getDisplayMetrics());
 mPadding = min(getPaddingLeft(), getPaddingRight(), getPaddingTop(),
  getPaddingBottom());

 }

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);
 // 取宽和高的最小值
 mWidth = Math.min(getMeasuredHeight(), getMeasuredWidth());

 if (!once) {
  // 进行切图，以及排序
  initBitmap();
  // 设置ImageView(Item)宽高等属性
  initItem();

  //判断是否开启时间
  checkTimeEnable();

  Once= true;
 }
 setMeasuredDimension(mWidth, mWidth);
 }

 private void checkTimeEnable() {
 if(isTimeEnabled){
  //根据当前等级设置时间
  contTimeBaseLevel();
  mHandler.sendEmptyMessage(TIME_CHANGED);
 }
 }

 private void contTimeBaseLevel() {
 mTime = (int)Math.pow(2, level)*60;
 }

 // 进行切图，以及排序
 private void initBitmap() {
 // TODO Auto-generated method stub
 if (mBitmap == null) {
  mBitmap = BitmapFactory.decodeResource(getResources(),
   R.drawable.image1);

 }
 mItemBitmaps = ImageSplitterUtil.splitImage(mBitmap, mColumn);
 // 使用sort完成我们的乱序 
 Collections.sort(mItemBitmaps, new Comparator() {
  public int compare(ImagePiece a, ImagePiece b) {
  return Math.random() > 0.5 &＃63; 1 : -1;
  }
 });
 }

 // 设置ImageView(Item)宽高等属性
 private void initItem() {
 mItemWidth = (mWidth - mPadding * 2 - mMargin * (mColumn - 1))
  / mColumn;
 mGamePintuItems = new ImageView[mColumn * mColumn];

 // 生成Item, 设置Rule;
 for (int i = 0; i  mColumn) {
  lp.topMargin = mMargin;
  lp.addRule(RelativeLayout.BELOW,
   mGamePintuItems[i - mColumn].getId());
  }
  addView(item, lp);

 }
 }
 public void restart()
 {
 isGameOver = false;
 mColumn--;
 nextLevel();
 }
 private boolean isPause;
 public void pause()
 {
 isPause = true;
 mHandler.removeMessages(TIME_CHANGED);
 }
 public void resume()
 {
 if(isPause)
 {
  isPause = false;
  mHandler.sendEmptyMessage(TIME_CHANGED);
 }
 }
 public void nextLevel() {
 this.removeAllViews();
 mAnimLayout = null;
 mColumn++;
 isGameSuccess = false;
 checkTimeEnable();
 initBitmap();
 initItem();
 }

 /*
 * 获取多个参数的最小值
 */
 private int min(int... params) {
 int min = params[0];
 for (int param : params) {
  if (param

MainActivity.java

package com.example.game_pintu;

import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.content.DialogInterface.OnClickListener;
import android.os.Bundle;
import android.widget.TextView;

import com.example.game_pintu.view.GamePintuLayout;
import com.example.game_pintu.view.GamePintuLayout.GamePintuListener;

public class MainActivity extends Activity {

 private GamePintuLayout mGamePintuLayout;
 private TextView mLevel;
 private TextView mTime;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 mTime = (TextView) findViewById(R.id.id_time);
 mLevel = (TextView) findViewById(R.id.id_level);
 mGamePintuLayout = (GamePintuLayout) findViewById(R.id.id_gamepintu);
 mGamePintuLayout.setTimeEnabled(true);
 mGamePintuLayout.setOnGamePintuListener(new GamePintuListener() {

  @Override
  public void timechanged(int currentTime) {
  mTime.setText("" + currentTime);
  }

  @Override
  public void nextLevel(final int nextLevel) {
  new AlertDialog.Builder(MainActivity.this)
   .setTitle("GAME INFO").setMessage("LEVEL UP!!!")
   .setPositiveButton("NEXT LEVEL", new OnClickListener() {

    @Override
    public void onClick(DialogInterface dialog,
     int which) {
    mGamePintuLayout.nextLevel();
    mLevel.setText("" + nextLevel);
    }

   }).show();
  }

  @Override
  public void gameover() {
  new AlertDialog.Builder(MainActivity.this)
   .setTitle("GAME INFO").setMessage("GAME OVER!!!")
   .setPositiveButton("RESTART", new OnClickListener() {
    @Override
    public void onClick(DialogInterface dialog,
     int which) {
    // mGamePintuLayout.nextLevel();
    mGamePintuLayout.restart();
    }

   }).setNegativeButton("QUIT", new OnClickListener() {

    @Override
    public void onClick(DialogInterface dialog,
     int which) {
    finish();
    }
   }).show();
  }
 });
 }
 @Override
 protected void onPause() {
 super.onPause();
 mGamePintuLayout.pause();
 }
 @Override
 protected void onResume() {
 super.onResume();
 mGamePintuLayout.resume();
 }
}

activity_main.xml

in drawable new textbg.xml

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

五、测试

开始游戏

成功

成功进阶

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

推荐阅读

容器
Android 九宫格布局详解及实现：人人网应用示例

本文深入探讨了人人网Android应用中独特的九宫格布局设计，解析其背后的GridView实现原理，并提供详细的代码示例。这种布局方式不仅美观大方，而且在现代Android应用中较为少见，值得开发者借鉴。 ... [详细]

蜡笔小新 2024-12-28 11:23:01
容器
深入解析Android自定义View面试题

本文探讨了Android Launcher开发中自定义View的重要性，并通过一道经典的面试题，帮助开发者更好地理解自定义View的实现细节。文章不仅涵盖了基础知识，还提供了实际操作建议。 ... [详细]

蜡笔小新 2024-12-28 11:15:04
容器
优化ListView性能

本文深入探讨了如何通过多种技术手段优化ListView的性能，包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]

蜡笔小新 2024-12-28 10:36:30
容器
Spring Boot快速入门与应用

本文详细介绍了如何使用Spring Boot进行高效开发，涵盖了配置、实例化容器以及核心注解的使用方法。 ... [详细]

蜡笔小新 2024-12-27 15:28:29
容器
Android LED 数字字体的应用与实现

本文介绍了一种适用于 Android 应用的 LED 数字字体（digital font），并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景，能够增强视觉效果。 ... [详细]

蜡笔小新 2024-12-27 10:34:22
容器
RecyclerView初步学习(一)

RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式，除了提供ViewHolder缓存模式，还可以自定义动画，分割符，布局样式，相比于传统的ListVi ... [详细]

蜡笔小新 2024-12-26 20:24:01
容器
2023年京东Android面试真题解析与经验分享

本文由一位拥有6年Android开发经验的工程师撰写，详细解析了京东面试中常见的技术问题。涵盖引用传递、Handler机制、ListView优化、多线程控制及ANR处理等核心知识点。 ... [详细]

蜡笔小新 2024-12-26 17:45:48
容器
C# 教程：Unity 中通过 XML 配置文件传递参数给自定义生命周期构造函数

本文介绍如何在 Unity 的 XML 配置文件中，将参数传递给自定义生命周期管理器的构造函数。我们将详细探讨 CustomLifetimeManager 类的实现及其配置方法。 ... [详细]

蜡笔小新 2024-12-26 17:21:54
awk
网络链路质量监控：Smokeping部署与配置

本文详细介绍了如何在Linux系统上安装和配置Smokeping，以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装，确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]

蜡笔小新 2024-12-27 19:31:05
awk
存储器层次结构、随机访问存储器与数据存取机制

理解存储器的层次结构有助于程序员优化程序性能，通过合理安排数据在不同层级的存储位置，提升CPU的数据访问速度。本文详细探讨了静态随机访问存储器（SRAM）和动态随机访问存储器（DRAM）的工作原理及其应用场景，并介绍了存储器模块中的数据存取过程及局部性原理。 ... [详细]

蜡笔小新 2024-12-27 12:06:47
shell
360SRC安全应急响应：从漏洞提交到修复的全过程

本文详细介绍了360SRC平台处理一起关键安全事件的过程，涵盖从漏洞提交、验证、排查到最终修复的各个环节。通过这一案例，展示了360在安全应急响应方面的专业能力和严谨态度。 ... [详细]

蜡笔小新 2024-12-27 11:10:05
shell
几何画板展示电场线与等势面的交互关系

几何画板是一款功能强大的物理教学软件，具备丰富的绘图和度量工具。它不仅能够模拟物理实验过程，还能通过定量分析揭示物理现象背后的规律，尤其适用于难以在实际实验中展示的内容。本文将介绍如何使用几何画板演示电场线与等势面之间的关系。 ... [详细]

蜡笔小新 2024-12-27 10:46:07
server
使用Windows批处理脚本监控并重启Java应用程序

本文介绍如何通过Windows批处理脚本定期检查并重启Java应用程序，确保其持续稳定运行。脚本每30分钟检查一次，并在需要时重启Java程序。同时，它会将任务结果发送到Redis。 ... [详细]

蜡笔小新 2024-12-27 10:44:39
server
实现密码输入框的掩码设置

本文介绍如何在应用程序中使用文本输入框创建密码输入框，并通过设置掩码来隐藏用户输入的内容。我们将详细解释代码实现，并提供专业的补充说明。 ... [详细]

蜡笔小新 2024-12-27 02:22:09
server
从JDE系统中提取完整字典数据

本文介绍如何通过SQL查询从JDE（JD Edwards）系统中提取所有字典数据，涵盖关键表的关联和字段选择。具体包括F0004和F0005系列表的数据提取方法。 ... [详细]

蜡笔小新 2024-12-26 21:04:46

Rain雨露Dew

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章