前言
小侄女近日粉上一款儿童版卡牌配对游戏
规则如下：
展示随机摆放的多张卡牌，瞬间记忆后翻回背面;
点击翻牌，三秒内连续翻开两张相同图案的卡牌则配对成功。
好像有点容易实现啊？！作为一枚负责的程序员，有了想法当然要说干就干~
话不多说先上图
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.属性动画 动画开始和结束监听，卡牌两面禁止点击
<set xmlns:android="http://schemas.android.com/apk/res/android">
<objectAnimator android:duration="0"
android:propertyName="alpha"
android:valueFrom="1.0"
android:valueTo="0.0"/>
<objectAnimator android:duration="400"
android:propertyName="rotationY"
android:valueFrom="-180"
android:valueTo="0"/>
<objectAnimator android:duration="0"
android:propertyName="alpha"
android:startOffset="200"
android:valueFrom="0.0"
android:valueTo="1.0"/>
</set>
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，多多指教
