功能如图:实现识图验证
一、元件需求
1)八个图片元件,八个矩形,两个文本标签,一个按钮
2)分别命名
设置矩形样式,并将其分别命名,两个文本标签分别命名为验证成功,验证失败
3)组成元件
将元件组成如图所示
将矩形分别覆盖在图片上,并将“验证成功”和“验证失败”两个元件隐藏
二、添加交互事件
1)给按钮添加交互条件
(在图片中找出所有的小猫咪,即猫咪图片的位置分别为2,4,5,7)
(设置选中条件的为true为2,4,5,7,则其他为1,3,6,8的状态为false)
1.设置成功条件Case 1
2.设置失败条件Case 2
2)给Case1和Case2添加事件
三、功能实现
找出图片中所有的可爱猫咪!
若有不足请指出问题,以此记录自己的学习笔记,希望能帮到一些同人!