Android Studio制作简单拼图小游戏

制作的这个小游戏我称之为速度真夫君
这是一个九宫格3x3的还原图片的小游戏，当你运行程序时，计时器显示为0，当你点击第一个碎片开始计时，并且记载你的点击次数，相邻两个碎片可以互换，凌驾120秒游戏失败

1.class PuzzleView

代码如下：

1. package com.example.gameapplication.Activity;
3. import android.content.Context;
4. import android.graphics.Bitmap;
5. import android.graphics.Canvas;
6. import android.graphics.Paint;
7. import android.os.Handler;
8. import android.util.AttributeSet;
9. import android.view.MotionEvent;
10. import android.view.View;
11. import android.widget.Toast;
13. import java.util.ArrayList;
14. import java.util.Collections;
15. import java.util.List;
17. public class PuzzleView extends View {
18.     private List<PuzzlePiece> pieces; // 存储拼图块的列表
19.     private int numColumns = 3; // 拼图的列数（3x3）
20.     private int pieceSize; // 原始拼图块大小
21.     private int scaledPieceSize; // 缩放后的拼图块大小
22.     private Paint paint; // 用于绘制拼图块的画笔
23.     private Paint textPaint; // 用于绘制文本的画笔
24.     private Integer firstSelectedIndex = null; // 记录第一个选中的拼图块索引
25.     private float scaleFactor = 1.5f; // 拼图块的缩放因子
26.     private int swapCount = 0; // 记录交换次数的计数器
27.     private long startTime ; // 计时开始时间，初始化为0
28.     private Handler handler = new Handler(); // 用于更新计时器的处理器
29.     private boolean isRunning = false; // 计时器是否在运行
31.     // 定义一个Runnable来定期更新计时器
32.     private Runnable timerRunnable = new Runnable() {
33.         @Override
34.         public void run() {
35.             if (isRunning) {
36.                 long elapsedTime = (System.currentTimeMillis() - startTime) / 1000; // 计算经过的时间（秒）
37.                 if (elapsedTime >= 120) {
38.                     endGame("时间到，游戏结束!"); // 超过120秒，结束游戏
39.                     return;
40.                 }
41.                 invalidate(); // 刷新视图以更新计时器
42.                 handler.postDelayed(this, 1000); // 每秒更新一次
43.             }
44.         }
45.     };
47.     public PuzzleView(Context context, AttributeSet attrs) {
48.         super(context, attrs);
49.         paint = new Paint(); // 初始化绘图画笔
50.         textPaint = new Paint(); // 初始化文本画笔
51.         textPaint.setColor(0xFF000000); // 设置文本颜色为黑色
52.         textPaint.setTextSize(50); // 设置文本大小
53.         pieces = new ArrayList<>(); // 初始化拼图块列表
54.     }
56.     // 初始化拼图，分割图像为拼图块
57.     public void initializePuzzle(Bitmap bitmap) {
58.         pieceSize = bitmap.getWidth() / numColumns; // 计算原始拼图块大小
59.         scaledPieceSize = (int) (pieceSize * scaleFactor); // 计算缩放后的拼图块大小
61.         // 将图像分割为拼图块
62.         for (int i = 0; i < numColumns; i++) {
63.             for (int j = 0; j < numColumns; j++) {
64.                 // 创建拼图块的Bitmap
65.                 Bitmap pieceBitmap = Bitmap.createBitmap(bitmap, j * pieceSize, i * pieceSize, pieceSize, pieceSize);
66.                 // 缩放拼图块
67.                 pieceBitmap = Bitmap.createScaledBitmap(pieceBitmap, scaledPieceSize, scaledPieceSize, true);
68.                 pieces.add(new PuzzlePiece(pieceBitmap, i * numColumns + j)); // 添加拼图块到列表
69.             }
70.         }
71.         shufflePuzzle(); // 打乱拼图
72.         invalidate(); // 刷新视图
73.     }
75.     // 打乱拼图块的顺序
76.     private void shufflePuzzle() {
77.         Collections.shuffle(pieces); // 随机打乱拼图块
78.     }
80.     // 启动计时器
81.     private void startTimer() {
82.         startTime = System.currentTimeMillis(); // 记录开始时间
83.         isRunning = true; // 设置计时器为运行状态
84.         handler.postDelayed(timerRunnable, 1000); // 每秒启动一次计时器
85.     }
87.     // 结束游戏并显示提示
88.     private void endGame(String message) {
89.         isRunning = false; // 停止计时器
90.         handler.removeCallbacks(timerRunnable); // 移除计时器回调
92.         // 计算总用时（秒），确保在游戏开始后才计算
93.         long totalTime = (isRunning ? (System.currentTimeMillis() - startTime) / 1000 : 0);
94.         Toast.makeText(getContext(), message + " 用时: " + totalTime + "秒", Toast.LENGTH_SHORT).show(); // 显示结束提示
95.     }
97.     @Override
98.     protected void onDraw(Canvas canvas) {
99.         super.onDraw(canvas);
101.         // 计算拼图整体绘制的起始位置，使其居中
102.         int totalWidth = scaledPieceSize * numColumns;
103.         int totalHeight = scaledPieceSize * numColumns;
104.         int startX = (getWidth() - totalWidth) / 2; // 水平居中
105.         int startY = (getHeight() - totalHeight) / 2; // 垂直居中
107.         // 绘制拼图块
108.         for (int i = 0; i < pieces.size(); i++) {
109.             PuzzlePiece piece = pieces.get(i);
110.             int x = startX + (i % numColumns) * scaledPieceSize; // 计算水平坐标
111.             int y = startY + (i / numColumns) * scaledPieceSize; // 计算垂直坐标
112.             canvas.drawBitmap(piece.getBitmap(), x, y, paint); // 绘制拼图块
113.         }
115.         // 绘制交换次数文本
116.         canvas.drawText("交换次数: " + swapCount, startX, startY - 20, textPaint);
118.         // 计算经过的时间（秒）
119.         long elapsedTime = (isRunning ? (System.currentTimeMillis() - startTime) / 1000 : 0);
121.         // 将时间格式化为“mm:ss”
122.         String timeFormatted = String.format("%02d:%02d", elapsedTime / 60, elapsedTime % 60);
123.         canvas.drawText("时间: " + timeFormatted, startX, startY - 70, textPaint);
124.     }
126.     @Override
127.     public boolean onTouchEvent(MotionEvent event) {
128.         if (event.getAction() == MotionEvent.ACTION_DOWN) {
129.             // 计算点击的列和行
130.             int startX = (getWidth() - (scaledPieceSize * numColumns)) / 2; // 计算拼图的起始X坐标
131.             int startY = (getHeight() - (scaledPieceSize * numColumns)) / 2; // 计算拼图的起始Y坐标
132.             int x = (int) (event.getX() - startX) / scaledPieceSize; // 计算点击的列
133.             int y = (int) (event.getY() - startY) / scaledPieceSize; // 计算点击的行
134.             int clickedIndex = y * numColumns + x; // 计算点击的拼图块索引
136.             // 处理选中逻辑
137.             if (clickedIndex >= 0 && clickedIndex < pieces.size()) {
138.                 if (!isRunning) {
139.                     startTimer(); // 如果计时器未运行，则开始计时
140.                 }
141.                 handleSelection(clickedIndex); // 处理选中拼图块
142.             }
143.             invalidate(); // 刷新视图
144.         }
145.         return true; // 事件处理完成
146.     }
148.     private void handleSelection(int clickedIndex) {
149.         if (firstSelectedIndex == null) {
150.             // 第一次点击，记录索引
151.             firstSelectedIndex = clickedIndex;
152.         } else {
153.             // 第二次点击，检查是否可以交换
154.             if (isAdjacent(firstSelectedIndex, clickedIndex)) {
155.                 swapPieces(firstSelectedIndex, clickedIndex); // 交换拼图块
156.                 swapCount++; // 增加交换次数计数
157.             }
158.             firstSelectedIndex = null; // 重置选中状态
159.         }
160.     }
162.     // 交换拼图块
163.     private void swapPieces(int index1, int index2) {
164.         Collections.swap(pieces, index1, index2); // 交换拼图块
165.         checkCompletion(); // 检查拼图是否完成
166.     }
168.     // 检查两个拼图块是否相邻
169.     private boolean isAdjacent(int index1, int index2) {
170.         int row1 = index1 / numColumns;
171.         int col1 = index1 % numColumns;
172.         int row2 = index2 / numColumns;
173.         int col2 = index2 % numColumns;
175.         // 检查是否相邻（上下或左右）
176.         return (Math.abs(row1 - row2) + Math.abs(col1 - col2) == 1);
177.     }
179.     // 检查拼图是否完成
180.     private void checkCompletion() {
181.         boolean completed = true;
182.         for (int i = 0; i < pieces.size(); i++) {
183.             if (pieces.get(i).getPosition() != i) {
184.                 completed = false; // 拼图尚未完成
185.                 break;
186.             }
187.         }
188.         if (completed) {
189.             long totalTime = (System.currentTimeMillis() - startTime) / 1000; // 计算总用时（秒）
190.             endGame("拼图完成! 总交换次数: " + swapCount + ", 用时: " + totalTime + "秒"); // 游戏完成提示
191.         }
192.     }
193. }

复制代码

2.class PuzzlePiece

代码如下：

1. package com.example.gameapplication.Activity;
3. import android.graphics.Bitmap;
5. public class PuzzlePiece {
6.     private Bitmap bitmap;
7.     private int position; // 在拼图中的位置
9.     public PuzzlePiece(Bitmap bitmap, int position) {
10.         this.bitmap = bitmap;
11.         this.position = position;
12.     }
14.     public Bitmap getBitmap() {
15.         return bitmap;
16.     }
18.     public int getPosition() {
19.         return position;
20.     }
22.     public void setPosition(int position) {
23.         this.position = position;
24.     }
25. }

复制代码

3.class MainActivity

1. package com.example.gameapplication;
3. import androidx.appcompat.app.AppCompatActivity;
5. import android.graphics.Bitmap;
6. import android.graphics.BitmapFactory;
7. import android.os.Bundle;
9. import com.example.gameapplication.Activity.PuzzleView;
11. public class MainActivity extends AppCompatActivity {
12.     private PuzzleView puzzleView;
14.     @Override
15.     protected void onCreate(Bundle savedInstanceState) {
16.         super.onCreate(savedInstanceState);
17.         puzzleView = new PuzzleView(this, null);
18.         setContentView(puzzleView);
20.         Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.puzzle); // 替换为你的图片
21.         puzzleView.initializePuzzle(bitmap);
22.     }
23. }

复制代码

4.activity_main.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     android:layout_width="match_parent"
4.     android:layout_height="match_parent">
6.     <!-- PuzzleView will be set programmatically in MainActivity -->
8. </FrameLayout>

复制代码

最后自己找一张喜欢的图片放进去就可以了

 总结，这个游戏没什么难度 但是重要在于图片的起始位置，判断点击的是哪个碎片，两个碎片是否相邻，时间的盘算。结束！！！！！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。