Axure：实现识图识别验证

 功能如图：实现识图验证

一、元件需求

        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添加事件

三、功能实现

        找出图片中所有的可爱猫咪！

  若有不足请指出问题，以此记录自己的学习笔记，希望能帮到一些同人！