Android如何实现拼图小游戏

小编给大家分享一下Android如何实现拼图小游戏，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

具体内容如下

目标效果：

1.activity_main.xml页面：

<?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"
 tools:context="com.example.vivinia.puzzle.MainActivity">
 
 <GridLayout
 android:id="@+id/gl_main_game"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:rowCount="3"
 android:columnCount="5">
 </GridLayout>
 
</RelativeLayout>

2.MainActivity.java页面：

package com.example.vivinia.puzzle;
 
import android.graphics.Bitmap;
import android.graphics.drawable.BitmapDrawable;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.TranslateAnimation;
import android.widget.GridLayout;
import android.widget.ImageView;
import android.widget.Toast;
 
public class MainActivity extends AppCompatActivity {
 
 /**
 * 当前动画是否正在执行
 */
 private boolean isAnimRun=false;
 /**
 *判断游戏是否开始*/
 private boolean isGameStart=false;
 /**
 *利用二维数组创建若干个游戏小方块
 */
 private ImageView[][] iv_game_arr = new ImageView[3][5];
 /**
 *游戏主界面
 */
 private GridLayout gl_main_game;
 /**
 *当前空方块的实例保存
 */
 private ImageView iv_null_ImageView;
 /**
 *当前手势
 */
 private GestureDetector mDetector;
 
 //非图片位置可以进行手势滑动
 @Override
 public boolean onTouchEvent(MotionEvent event) {
 return mDetector.onTouchEvent(event); //手势监听
 }
 
 //在图片上可以进行手势滑动
 @Override
 public boolean dispatchTouchEvent(MotionEvent ev) {
 mDetector.onTouchEvent(ev);
 return super.dispatchTouchEvent(ev);
 }
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 mDetector=new GestureDetector(this, new GestureDetector.OnGestureListener() {
 @Override
 public boolean onDown(MotionEvent motionEvent) {
 return false;
 }
 
 @Override
 public void onShowPress(MotionEvent motionEvent) {
 
 }
 
 @Override
 public boolean onSingleTapUp(MotionEvent motionEvent) {
 return false;
 }
 
 @Override
 public boolean onScroll(MotionEvent motionEvent, MotionEvent motionEvent1, float v, float v1) {
 return false;
 }
 
 @Override
 public void onLongPress(MotionEvent motionEvent) {
 
 }
 
 /**
 *一瞬间执行的方法
 */
 @Override
 public boolean onFling(MotionEvent e1, MotionEvent e2, float v, float v1) {
 int type=getDirByGes(e1.getX(),e1.getY(),e2.getX(),e2.getY());
 changeByDir(type);
 return false;
 }
 });
 setContentView(R.layout.activity_main);
 //初始化游戏的若干个小方块
 Bitmap bigBm=((BitmapDrawable)getResources().getDrawable(R.drawable.puzzle_bg)).getBitmap();
 int everyWidth=bigBm.getWidth()/5; //每个游戏小方块的宽和高
 for (int i = 0; i < iv_game_arr.length; i++) {
 for (int j = 0; j < iv_game_arr[0].length; j++) {
 Bitmap bm=Bitmap.createBitmap(bigBm,j*everyWidth,i*everyWidth,everyWidth,everyWidth);//根据行列来切成若干个游戏小图片
 iv_game_arr[i][j]=new ImageView(this);
 iv_game_arr[i][j].setImageBitmap(bm); //设置每一个游戏小方块图案
 iv_game_arr[i][j].setPadding(2,2,2,2);//设置方块之间的间距
 iv_game_arr[i][j].setTag(new GameData(i,j,bm)); //绑定自定义的数据
 iv_game_arr[i][j].setOnClickListener(new View.OnClickListener() {
 @Override
 public void onClick(View view) {
 boolean flag=isHasByNullImageView((ImageView)view);
 if(flag){
 changeDataByImageView((ImageView)view);
 }
 }
 });
 }
 }
 //初始化游戏主界面，并添加若干个小方块
 gl_main_game = (GridLayout) findViewById(R.id.gl_main_game);
 for(int i=0;i<iv_game_arr.length;i++){
 for(int j=0;j<iv_game_arr[0].length;j++){
 gl_main_game.addView(iv_game_arr[i][j]);
 }
 }
 /**
 *设置最后一个方块为空的
 */
 setNullImageView(iv_game_arr[2][4]);
 /**
 *初始化随机打乱顺序
 */
 randomMove();
 isGameStart=true; //开始状态
 }
 
 
 
 public void changeByDir(int type){
 changeByDir(type,true);
 }
 
 /**
 * 根据手势的方向，获取空方块相应的相邻位置如果存在方块，那么进行数据交换
 * @param type 1：上，2：下，3：左，4：右
 * @param isAnim true:有动画，false:无动画
 */
 public void changeByDir(int type,boolean isAnim){
 /**
 *获取当前空方块的位置
 */
 GameData mNullGameData= (GameData) iv_null_ImageView.getTag();
 /**
 * 根据方向，设置相应的相邻的位置的坐标
 */
 int new_x=mNullGameData.x;
 int new_y=mNullGameData.y;
 if(type==1){ //要移动的方块在当前空方块的下边
 new_x++;
 }else if(type==2){ //要移动的方块在当前空方块的下边
 new_x--;
 }else if(type==3){ //要移动的方块在当前空方块的下边
 new_y++;
 }
 else if(type==4){ //要移动的方块在当前空方块的下边
 new_y--;
 }
 /**
 *判断这个新坐标，是否存在
 */
 if(new_x>=0&&new_x<iv_game_arr.length&&new_y>=0&&new_y<iv_game_arr[0].length){
 if(isAnim) {
 /**
 *存在的话，开始移动
 */
 changeDataByImageView(iv_game_arr[new_x][new_y]);
 }else{
 changeDataByImageView(iv_game_arr[new_x][new_y],isAnim);
 }
 }else{
 //什么也不做
 }
 }
 /**
 *判断游戏结束的方法
 */
 public void isGameOver(){
 boolean isGameOver=true;
 //要便利每个游戏小方块
 for(int i=0;i<iv_game_arr.length;i++){
 for(int j=0;j<iv_game_arr[0].length;j++){
 //为空的方块数据不判断跳过
 if(iv_game_arr[i][j]==iv_null_ImageView){
 continue;
 }
 GameData mGameData= (GameData) iv_game_arr[i][j].getTag();
 if(!mGameData.isTrue()){
 isGameOver=false;
 break;
 }
 }
 }
 //根据一个开关变量决定游戏是否结束，结束时给提示
 if(isGameOver){
 Toast.makeText(this,"游戏结束",Toast.LENGTH_LONG).show();
 }
 }
 /**
 * 手势判断，是向左还是向右
 * @param start_x 手势的起始点x
 * @param start_y 手势的起始点y
 * @param end_x 手势的终止点x
 * @param end_y 手势的起始点y
 * @return 1：上，2：下，3：左，4：右
 */
 public int getDirByGes(float start_x,float start_y,float end_x,float end_y){
 boolean isLeftOrRight=(Math.abs(start_x-end_x)>Math.abs(start_y-end_y))?true:false; //是否左右
 if(isLeftOrRight){ //左右
 boolean isLeft=start_x-end_x>0?true:false;
 if(isLeft){
 return 3;
 }else{
 return 4;
 }
 }else{ //上下
 boolean isUp=start_y-end_y>0?true:false;
 if(isUp){
 return 1;
 }else{
 return 2;
 }
 }
 }
 
 /**
 * 随机打乱顺序
 */
 public void randomMove(){
 //打乱的次数
 for(int i=0;i<10;i++){
 //根据手势开始交换，无动画
 int type=(int)(Math.random()*4)+1;
 changeByDir(type,false);
 }
 }
 public void changeDataByImageView(final ImageView mImageView) {
 changeDataByImageView(mImageView,true);
 }
 
 /**
 * 利用动画结束之后，交换两个方块的数据
 * @param mImageView 点击的方块
 * @param isAnim true:有动画，false:无动画
 */
 public void changeDataByImageView(final ImageView mImageView,boolean isAnim){
 if(isAnimRun){ //如果动画已经开始，则不做交换操作
 return;
 }
 if(!isAnim){ //如果没有动画
 GameData mGameData= (GameData) mImageView.getTag();
 iv_null_ImageView.setImageBitmap(mGameData.bm);
 GameData mNullGameData= (GameData) iv_null_ImageView.getTag();
 mNullGameData.bm=mGameData.bm;
 mNullGameData.p_x=mGameData.p_x;
 mNullGameData.p_y=mGameData.p_y;
 setNullImageView(mImageView); //设置当前点击的是空方块
 if(isGameStart) {
 isGameOver(); //成功时谈一个toast
 }
 return;
 }
 /**
 *创建一个动画，设置好方向，移动的距离
 */
 TranslateAnimation translateAnimation = null;
 if(mImageView.getX()>iv_null_ImageView.getX()){ //当前点击的方块在空方块下边
 //往上移动
 translateAnimation=new TranslateAnimation(0.1f,-mImageView.getWidth(),0.1f,0.1f);
 }else if(mImageView.getX()<iv_null_ImageView.getX()){ //当前点击的方块在空方块下边
 //往下移动
 translateAnimation=new TranslateAnimation(0.1f,mImageView.getWidth(),0.1f,0.1f);
 }
 else if(mImageView.getX()>iv_null_ImageView.getY()){ //当前点击的方块在空方块下边
 //往左移动
 translateAnimation=new TranslateAnimation(0.1f,0.1f,0.1f,-mImageView.getWidth());
 }
 else if(mImageView.getX()<iv_null_ImageView.getY()){ //当前点击的方块在空方块下边
 //往右移动
 translateAnimation=new TranslateAnimation(0.1f,0.1f,0.1f,mImageView.getWidth());
 }
 /**
 * 设置动画的时长
 */
 translateAnimation.setDuration(70);
 /**
 * 设置动画结束之后是否停留
 */
 translateAnimation.setFillAfter(true);
 /**
 * 设置动画结束之后真正的交换数据
 */
 translateAnimation.setAnimationListener(new Animation.AnimationListener() {
 @Override
 public void onAnimationStart(Animation animation) {
 isAnimRun=true; //动画开始
 }
 
 @Override
 public void onAnimationEnd(Animation animation) {
 isAnimRun=false; //动画结束
 /**
 *结束之后，清除动画
 */
 mImageView.clearAnimation();
 GameData mGameData= (GameData) mImageView.getTag();
 iv_null_ImageView.setImageBitmap(mGameData.bm);
 GameData mNullGameData= (GameData) iv_null_ImageView.getTag();
 mNullGameData.bm=mGameData.bm;
 mNullGameData.p_x=mGameData.p_x;
 mNullGameData.p_y=mGameData.p_y;
 setNullImageView(mImageView); //设置当前点击的是空方块
 if(isGameStart) {
 isGameOver(); //成功时谈一个toast
 }
 }
 
 @Override
 public void onAnimationRepeat(Animation animation) {
 }
 });
 /**
 * 执行动画
 */
 mImageView.startAnimation(translateAnimation);
 }
 
 /**
 * 设置某个方块为空方块
 * @param mImageView 当前要设置为空的方块的实例
 */
 public void setNullImageView(ImageView mImageView){
 mImageView.setImageBitmap(null); //设置为空
 iv_null_ImageView=mImageView;
 }
 
 /**
 * 判断当前点击的方块，是否与空方块的位置关系是相邻关系
 * @param mImageView 所点击的方块
 * @return true：相邻；false：不相邻
 */
 public boolean isHasByNullImageView(ImageView mImageView){
 /**
 *分别获取当前空方块的位置与点击方块的位置，通过x，y两边都差1的方式判断
 */
 GameData mNullGameData= (GameData) iv_null_ImageView.getTag(); //空方块身上的数据
 GameData mGameData= (GameData)mImageView.getTag(); //点击方块身上的数据
 if(mNullGameData.y==mGameData.y&&mGameData.x+1==mNullGameData.x){ //当前点击的方块在空方块的上边
 return true;
 }else if(mNullGameData.y==mGameData.y&&mGameData.x-1==mNullGameData.x){ //当前点击的方块在空方块的下边
 return true;
 }else if(mNullGameData.y==mGameData.y+1&&mGameData.x==mNullGameData.x){ //当前点击的方块在空方块的左边
 return true;
 }else if(mNullGameData.y==mGameData.y-1&&mGameData.x+1==mNullGameData.x){ //当前点击的方块在空方块的右边
 return true;
 }
 return false;
 }
 
 /**
 * 每个游戏小方块上要绑定的数据
 */
 class GameData{
 /**
 *每个小方块的实际位置x
 */
 public int x=0;
 /**
 *每个小方块的实际位置x
 */
 public int y=0;
 /**
 *每个小方块的图片
 */
 public Bitmap bm;
 /**
 *每个小方块的图片的位置
 */
 public int p_x=0;
 /**
 *每个小方块的图片的位置
 */
 public int p_y=0;
 
 public GameData(int x, int y, Bitmap bm) {
 this.x = x;
 this.y = y;
 this.bm = bm;
 this.p_x = x;
 this.p_y = y;
 }
 
 /**
 * 每个小方块的位置是否正确
 * @return true:正确,false:不正确
 */
 public boolean isTrue() {
 if(x==p_x&&y==p_y) {
 return true;
 }
 return false;
 }
 }
}

3.设置去掉标题栏样式

styles.xml页面：

<resources>
 
 <!-- Base application theme. -->
 <style name="AppTheme" parent="Theme.AppCompat.Light">
 <!-- Customize your theme here. -->
 <item name="colorPrimary">@color/colorPrimary</item>
 <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
 <item name="colorAccent">@color/colorAccent</item>
 </style>
 <style name="MyAppTheme" parent="AppTheme">
 <item name="windowNoTitle">true</item>
 <item name="windowActionBar">false</item>
 <item name="android:windowFullscreen">true</item>
 <item name="android:windowContentOverlay">@null</item>
 </style>
</resources>

4.清单文件中使用该样式

AndroidManifest.xml页面：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
 package="com.example.vivinia.puzzle">
 
 <application
 android:allowBackup="true"
 android:icon="@mipmap/ic_launcher"
 android:label="@string/app_name"
 android:roundIcon="@mipmap/ic_launcher_round"
 android:supportsRtl="true"
 android:theme="@style/MyAppTheme">
 <activity android:name=".MainActivity"
 android:screenOrientation="landscape">
 <intent-filter>
 <action android:name="android.intent.action.MAIN" />
 
 <category android:name="android.intent.category.LAUNCHER" />
 </intent-filter>
 </activity>
 </application>
 
</manifest>

以上是“Android如何实现拼图小游戏”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！