条件分支一，如果是第偶数次单击：

1. 设置second等于当前被单击的正方形的数字
2. 再次触发控制器control2的单击事件
3. 显示文字，这个是为了测试的，显示变量first和second的值

条件分支二，如果是第奇数次单击：

1. 设置first等于当前被单击的正方形的数字
2. 再次触发控制器control2的单击事件
3. 显示文字，这个是为了测试的

上面这个控制器主要是为了记录变量first和second的值，然后继续触发下一步事件。

接着看控制器control2的事件处理：

条件分支一，如果first等于second，即前后两个数字相同：

1. 更新两个被标记的正方形的selected值为“1”
2. 再取消之前所有被标记的中继器数据
3. 重置变量值first和second为空
4. 成功配对数 1
5. 设置文本标签txtCount值，显示用，可忽略
6. 触发控制器control4的单击事件

条件分支二：

1）触发控制器control3的单击事件

最后看看control3和control4的事件处理。

control4的事件处理：

如果配对的成功数已经是8了，则游戏通过：

1. 设置运行状态为“0”
2. 设置弹出窗口的提示文字
3. 显示弹出窗口
4. 设置开始按钮文字内容为“完成”

Control3的事件处理：

如果是偶数单击（判断条件为计数器count值整除2，如果等于0表示是第偶数次单击）：

1. 等待100毫秒，目的是让你看清当前单击显示的数字
2. 更新当前中继器中标记行的selected值为“0”，即没有选中，这样之前显示的数字会再次隐藏（正方形切换到状态1）
3. 重置变量first和second的值为空
4. 取消中继器的所有标记行

以上是该小游戏活动的所有关键的逻辑处理过程，其中的事件触发机制是整个逻辑处理的关键部分，需要理解透才能理解游戏的逻辑。

F5测试一下吧，看看是否达到游戏的效果了。

游戏小结

实现游戏功能不是此文的目的，学会如何使用中继器，如何进行复杂的事件逻辑处理是它的重点。

源文件仍然在这里，百度网盘下载：https://pan.baidu.com/s/1kVx8vRp

本文由 @Axure原型设计工场 原创发布于人人都是产品经理。未经许可，禁止转载。