小玩怡情----Android翻牌小游戏

前言

小侄女近日粉上一款儿童版卡牌配对游戏
规则如下：
展示随机摆放的多张卡牌，瞬间记忆后翻回背面;
点击翻牌，三秒内连续翻开两张相同图案的卡牌则配对成功。
好像有点容易实现啊？！作为一枚负责的程序员，有了想法当然要说干就干~

---

话不多说先上图

game.gif

---

实现思路

• 规则
  八张卡牌乱序排列，展示两秒后翻转回背面；
  用户每次可翻开一张卡牌，需连续翻开两站卡牌进行配对；
  匹配成功则播放正确提示音及动画，卡牌保持翻开状态
  匹配失败则播放错误提示音及动画，卡牌翻回背面
  配对限时三秒，若三秒内用户未翻开第二张卡牌则重新翻回第一张卡牌
• 定义
  卡牌视图（正反面，动态加载）
  卡牌翻转动画
  正误提示动画
  提示音
  延迟触发类
  卡牌数据模型

---

说说细节

• 上代码
  1.序号数组乱序，每个对象包含两张卡牌元素，除2按结果分组求真实下标

private void initIndexList() {
        if (cardNum <= 0)
            return;
        this.indexList.clear();
        for (int i = 0; i < cardNum; i++) {
            this.indexList.add(i);
        }
        Collections.shuffle(this.indexList);
}

final int currPosition = indexList.get(position);  // 获取元素下标位置分组,每个对象包含一组元素
holder.position = position;
holder.realIndex = currPosition / CARD_GROUP_MEMBER_NUM; // 对象实际对应下标
holder.isFirst = currPosition % CARD_GROUP_MEMBER_NUM != 0;
CardBean realCardBean = cardList.get(holder.realIndex);

2.属性动画 动画开始和结束监听，卡牌两面禁止点击

delayAction.valid();
removeActionById(IA_FLOP_BACK);
view1.setClickable(false);
view2.setClickable(false);

3.按位判断是否完成，避免重复记录

if (isMatched) {
            mClickFlag = mClickFlag | (0x1 << selCardView1.realIndex); 
}

private boolean checkEnd() {
        return mClickFlag == (0x1 << cardList.size()) - 1;
}

4.禁止快速连续点击

if (!isAddAllowed() || delayAction.invalid()) {
            return;
}

---

最后

感兴趣的盆友欢迎移步CardMatchGame，多多指教