<think>
我们有一个
Android布局文件，它使用GridLayout来放置8个ImageView，分成两行四列。每个ImageView都有相同的宽高（80dp），并且设置了可点击
和可获得焦点。
背景使用drawable资源，如@drawable/five, @drawable/one等。
整个布局的背景是@drawable/animal_bg，并且有16dp的内边距。
但是，这个布局中每个ImageView都是独立设置的，如果我们想要实现一个记忆匹配游戏（翻牌匹配），那么我们需要为这些ImageView添加点击事件，并且能够翻转图片。
问题：如何实现点击ImageView后翻转图片，并检查是否匹配？
解决方案：
1. 我们需要为每个ImageView设置一个点击事件监听器。
2. 在点击事件中，我们需要记录当前点击的图片，并翻转它（显示另一面的图片）。
3. 我们需要设计一个机制来检查连续两次点击的图片是否匹配（即背景资源是否相同）。
步骤：
a. 初始化时，每个ImageView的正面可能是动物图案，背面是统一的图案（比如卡背）。但是在这个布局中，我们看到的是正面，所以我们需要在代码中设置背面，或者使用一个状态来记录。
b. 我们可以将每个ImageView的tag设置为一个自定义对象，或者使用两个数组：一个记录正面的图片资源，一个记录背面的图片资源（所有背面相同）。
c. 我们还需要记录当前是正面还是背面。可以使用一个布尔数组来记录每个位置的状态，或者使用ImageView的tag来记录当前状态。
具体实现思路：
1. 在Activity中，我们获取所有的ImageView，并初始化一个数组来记录每个ImageView对应的动物资源（正面）
和背面资源。
2. 为每个ImageView设置相同的背面图片（比如@drawable/card_back）。
3. 我们还需要一个数组来记录每个位置的图片是否已经被匹配（匹配后可以设置为不可点击，或者移除监听器）。
4. 当点击一个ImageView时，如果它还没有被匹配并且当前是背面（即没有翻转过来），我们就将它翻转到正面（显示动物图片），并记录这次点击。如果连续点击两个，就检查这两个的正面图片是否相同。
5. 如果相同，则将这两个ImageView设置为已匹配（比如设置为不可点击，并改变透明度等）。如果不相同，则在短暂延迟后翻转回去（显示背面）。
注意：为了避免连续点击同一个图片，我们需要在点击后立即将其设置为不可点击，直到翻转动画完成或者检查完毕。
代码示例（在Activity中）：
假设我们有一个布局文件名为activity_memory_game.xml，其中GridLayout的id为grid_layout。
以下是一个简化的实现：
首先，在Activity的onCreate方法中：
</think>
#
Android卡片匹配游戏实现
基于您提供的布局文件，我将实现一个完整的卡片匹配游戏应用。这个游戏将展示一组卡片（动物图片），玩家需要点击卡片来翻转并寻找匹配对。
## 设计思路
- 使用GridLayout展示8张卡片（2行×4列）
- 实现卡片翻转动画效果
- 添加匹配逻辑
和游戏状态管理
- 设计美观的UI界面
- 添加游戏计时
和得分功能
下面是完整的实现代码：
```xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns
:android="http
://schemas.
android.com/apk/res/
android"
xmlns
:app="http
://schemas.
android.com/apk/res-auto"
xmlns
:tools="http
://schemas.
android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="16dp"
android:background="#9C27B0"
android:theme="@style/Theme.AppCompat.Light.DarkActionBar">
<!-- 标题区域 -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center"
android:padding="10dp"
android:background="#7B1FA2"
android:elevation="4dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="动物卡片匹配游戏"
android:textSize="24sp"
android:textColor="#FFFFFF"
android:textStyle="bold"
android:padding="8dp"/>
</LinearLayout>
<!-- 游戏信息区域 -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="16dp"
android:layout_marginBottom="24dp"
android:weightSum="3">
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<TextView
android:id="@+id/tvTime"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="时间
: 00
:00"
android:textSize="18sp"
android:textColor="#FFFFFF"/>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<TextView
android:id="@+id/tvPairs"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="匹配
: 0/4"
android:textSize="18sp"
android:textColor="#FFFFFF"/>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<TextView
android:id="@+id/tvMoves"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="步数
: 0"
android:textSize="18sp"
android:textColor="#FFFFFF"/>
</LinearLayout>
</LinearLayout>
<!-- 游戏卡片区域 -->
<GridLayout
android:id="@+id/gridLayout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:columnCount="4"
android:rowCount="2"
android:useDefaultMargins="false"
android:padding="8dp"
android:background="#673AB7"
android:elevation="8dp">
<!-- 卡片将通过代码动态添加 -->
</GridLayout>
<!-- 控制按钮区域 -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="24dp"
android:gravity="center"
android:weightSum="2">
<Button
android:id="@+id/btnReset"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_marginEnd="8dp"
android:text="重新开始"
android:textAllCaps="false"
android:backgroundTint="#FFC107"
android:textColor="#212121"/>
<Button
android:id="@+id/btnHint"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_marginStart="8dp"
android:text="显示提示"
android:textAllCaps="false"
android:backgroundTint="#4CAF50"
android:textColor="#FFFFFF"/>
</LinearLayout>
</LinearLayout>
```
## Java代码实现 (MemoryGameActivity.java)
```java
import
android.animation.Animator;
import
android.animation.AnimatorInflater;
import
android.animation.AnimatorSet;
import
android.content.Context;
import
android.os.Bundle;
import
android.os.Handler;
import
android.view.View;
import
android.widget.Button;
import
android.widget.GridLayout;
import
android.widget.ImageView;
import
android.widget.TextView;
import
androidx.appcompat.app.AppCompatActivity;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Collections;
import java.util.List;
public class MemoryGameActivity extends AppCompatActivity {
private GridLayout gridLayout;
private TextView tvTime, tvPairs, tvMoves;
private Button btnReset, btnHint;
private List<AnimalCard> animalCards = new ArrayList<>();
private List<Integer> cardIds = Arrays.asList(
R.drawable.ic_lion, R.drawable.ic_lion,
R.drawable.ic_tiger, R.drawable.ic_tiger,
R.drawable.ic_panda, R.drawable.ic_panda,
R.drawable.ic_elephant, R.drawable.ic_elephant
);
private AnimalCard firstSelectedCard = null;
private AnimalCard secondSelectedCard = null;
private int matchedPairs = 0;
private int totalMoves = 0;
private long startTime = 0;
private boolean isGameRunning = false;
private Handler timerHandler = new Handler();
private Runnable timerRunnable = new Runnable() {
@Override
public void run() {
if (isGameRunning) {
long millis = System.currentTimeMillis() - startTime;
int seconds = (int) (millis / 1000);
int minutes = seconds / 60;
seconds %= 60;
tvTime.setText(String.format("时间
: %02d
:%02d", minutes, seconds));
timerHandler.postDelayed(this, 500);
}
}
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_memory_game);
// 初始化视图
gridLayout = findViewById(R.id.gridLayout);
tvTime = findViewById(R.id.tvTime);
tvPairs = findViewById(R.id.tvPairs);
tvMoves = findViewById(R.id.tvMoves);
btnReset = findViewById(R.id.btnReset);
btnHint = findViewById(R.id.btnHint);
// 设置点击监听器
btnReset.setOnClickListener(v -> resetGame());
btnHint.setOnClickListener(v -> showHint());
// 初始化游戏
resetGame();
}
private void resetGame() {
// 重置游戏状态
matchedPairs = 0;
totalMoves = 0;
firstSelectedCard = null;
secondSelectedCard = null;
isGameRunning = false;
// 更新UI
tvTime.setText("时间
: 00
:00");
tvPairs.setText("匹配
: 0/4");
tvMoves.setText("步数
: 0");
// 移除所有卡片
gridLayout.removeAllViews();
// 创建卡片
createCards();
// 重置后延迟显示卡片背面
new Handler().postDelayed(() -> {
for (AnimalCard card
: animalCards) {
card.flipToBack();
}
startGame();
}, 500);
}
private void createCards() {
animalCards.clear();
Collections.shuffle(cardIds);
for (int i = 0; i < cardIds.size(); i++) {
int animalId = cardIds.get(i);
// 创建卡片
AnimalCard card = new AnimalCard(this, animalId);
card.setTag(i); // 设置唯一标识
// 设置点击监听器
card.setOnClickListener(v -> onCardClicked((AnimalCard) v));
// 添加到网格布局
GridLayout.LayoutParams params = new GridLayout.LayoutParams();
params.width = dpToPx(80);
params.height = dpToPx(80);
params.setMargins(dpToPx(8), dpToPx(8), dpToPx(8), dpToPx(8));
card.setLayoutParams(params);
gridLayout.addView(card);
animalCards.add(card);
}
}
private void startGame() {
startTime = System.currentTimeMillis();
isGameRunning = true;
timerHandler.postDelayed(timerRunnable, 0);
}
private void onCardClicked(AnimalCard card) {
// 如果卡片已经匹配或正在动画中，则忽略点击
if (card.isMatched() || card.isFlipping() || secondSelectedCard != null) {
return;
}
// 翻转卡片
card.flipToFront();
if (firstSelectedCard == null) {
// 第一次选择
firstSelectedCard = card;
} else {
// 第二次选择
secondSelectedCard = card;
totalMoves++;
tvMoves.setText("步数
: " + totalMoves);
// 检查是否匹配
if (firstSelectedCard.getAnimalId() == secondSelectedCard.getAnimalId()) {
// 匹配成功
matchedPairs++;
tvPairs.setText("匹配
: " + matchedPairs + "/4");
// 设置为已匹配
firstSelectedCard.setMatched(true);
secondSelectedCard.setMatched(true);
// 重置选择
firstSelectedCard = null;
secondSelectedCard = null;
// 检查游戏是否结束
if (matchedPairs == 4) {
endGame();
}
} else {
// 不匹配，翻转回来
new Handler().postDelayed(() -> {
firstSelectedCard.flipToBack();
secondSelectedCard.flipToBack();
// 重置选择
firstSelectedCard = null;
secondSelectedCard = null;
}, 1000);
}
}
}
private void endGame() {
isGameRunning = false;
timerHandler.removeCallbacks(timerRunnable);
// 显示胜利消息
new Handler().postDelayed(() -> {
// 这里可以添加游戏结束对话框
}, 500);
}
private void showHint() {
// 临时显示所有卡片正面
for (AnimalCard card
: animalCards) {
if (!card.isMatched() && card.isBackVisible()) {
card.flipToFront();
new Handler().postDelayed(card
::flipToBack, 1000);
}
}
}
private int dpToPx(int dp) {
float density = getResources().getDisplayMetrics().density;
return Math.round(dp * density);
}
// 自定义卡片类
private static class AnimalCard extends
androidx.appcompat.widget.AppCompatImageView {
private int animalId;
private boolean isMatched = false;
private boolean isFlipping = false;
private boolean backVisible = true;
public AnimalCard(Context context, int animalId) {
super(context);
this.animalId = animalId;
setImageResource(R.drawable.card_back);
setScaleType(ScaleType.CENTER_CROP);
setBackgroundResource(R.drawable.card_border);
}
public int getAnimalId() {
return animalId;
}
public boolean isMatched() {
return isMatched;
}
public void setMatched(boolean matched) {
isMatched = matched;
}
public boolean isFlipping() {
return isFlipping;
}
public boolean isBackVisible() {
return backVisible;
}
public void flipToFront() {
if (!backVisible || isFlipping) return;
flipCard(R.drawable.card_back, animalId);
backVisible = false;
}
public void flipToBack() {
if (backVisible || isFlipping) return;
flipCard(animalId, R.drawable.card_back);
backVisible = true;
}
private void flipCard(int fromResId, int toResId) {
setImageResource(fromResId);
AnimatorSet set = new AnimatorSet();
Animator flipOut = AnimatorInflater.loadAnimator(getContext(), R.animator.flip_out);
Animator flipIn = AnimatorInflater.loadAnimator(getContext(), R.animator.flip_in);
flipOut.setTarget(this);
flipIn.setTarget(this);
set.playSequentially(flipOut, flipIn);
set.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
isFlipping = true;
}
@Override
public void onAnimationEnd(Animator animation) {
isFlipping = false;
setImageResource(toResId);
}
@Override
public void onAnimationCancel(Animator animation) {}
@Override
public void onAnimationRepeat(Animator animation) {}
});
set.start();
}
}
}
```
## 动画资源文件
### res/animator/flip_in.xml
```xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns
:android="http
://schemas.
android.com/apk/res/
android">
<objectAnimator
android:propertyName="rotationY"
android:valueFrom="90"
android:valueTo="0"
android:duration="150"/>
</set>
```
### res/animator/flip_out.xml
```xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns
:android="http
://schemas.
android.com/apk/res/
android">
<objectAnimator
android:propertyName="rotationY"
android:valueFrom="0"
android:valueTo="-90"
android:duration="150"/>
</set>
```
## 图片资源
在res/drawable中添加以下图片资源：
- card_back.png (卡片背面)
- card_border.xml (卡片边框)
- ic_lion.png (狮子)
- ic_tiger.png (老虎)
- ic_panda.png (熊猫)
- ic_elephant.png (大象)
### card_border.xml
```xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns
:android="http
://schemas.
android.com/apk/res/
android"
android:shape="rectangle">
<corners
android:radius="8dp" />
<stroke
android:width="2dp"
android:color="#FFFFFF" />
<solid
android:color="#FFFFFF" />
</shape>
```
## 代码解释
1. **游戏结构**：
- 顶部标题栏显示游戏名称
- 游戏信息区显示时间、匹配对数
和步数
- 中间是卡片网格区域(2×4布局)
- 底部是控制按钮(重新开始
和提示)
2. **核心功能**：
- 卡片翻转动画：使用AnimatorSet实现3D翻转效果
- 匹配逻辑：记录并比较两次选择的卡片
- 游戏计时：使用Handler实现计时器
- 游戏状态管理：开始、结束
和重置
3. **自定义AnimalCard类**：
- 继承ImageView并封装卡片状态（匹配状态、翻转状态）
- 提供flipToFront()
和flipToBack()方法实现翻转动画
- 管理卡片正面
和背面图片资源
4. **游戏流程**：
- 初始化时创建并随机排列卡片
- 玩家点击卡片触发翻转动画
- 两张卡片匹配则保持正面朝上
- 全部匹配完成后游戏结束
## 相关优化建议
1. **添加音效**：在卡片翻转
和匹配成功时添加音效
2. **难度选择**：提供不同网格大小(如3×4、4×4)的难度选项
3. **游戏结束对话框**：显示最终得分
和用时
4. **本地存储**：保存最佳成绩
5. **卡片主题**：提供多种主题的卡片(动物、水果、标志等)
本文介绍了一种在Android应用中解决Out Of Memory (OOM)错误的方法，特别是在使用ViewPager展示大量图片时。通过优化图片加载方式，采用BitmapFactory.decodeStream替代setImageBitmap等方法，显著减少了内存占用。
扫一扫
1049
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
