本文主要是介绍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添加事件
三、功能实现
找出图片中所有的可爱猫咪!
若有不足请指出问题,以此记录自己的学习笔记,希望能帮到一些同人!
这篇关于Axure:实现识图识别验证的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!