android 翻牌动画,小玩怡情----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.属性动画 动画开始和结束监听，卡牌两面禁止点击

android:propertyName="alpha"

android:valueFrom="1.0"

android:valueTo="0.0"/>

android:propertyName="rotationY"

android:valueFrom="-180"

android:valueTo="0"/>

android:propertyName="alpha"

android:startOffset="200"

android:valueFrom="0.0"

android:valueTo="1.0"/>

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，多多指教