Axure如何制作动态验证码效果?Axure怎么制作验证码交互动作?

当我们需要登陆app、网页时,常常需要接收并输入动态验证码,在Axure软件中,我们可以通过给动态面板添加交互动作,制作出动态验证码交互效果 。本文小编来教大家如何在Axure软件中制作动态验证码效果 。

Axure如何制作动态验证码效果?Axure怎么制作验证码交互动作?

文章插图
1、首先我们需要在电脑中双击打开Axure应用程序,新建画布,进入到工作区域中去 。
2、从左侧面板的元件库中找到登录框,拖拽到页面中;再从元件库中找到【动态面板】、【文本框】元件,依次拖拽到页面中去 。
【Axure如何制作动态验证码效果?Axure怎么制作验证码交互动作?】3、双击动态面板,调出动态面板管理窗口,在窗口列表中新增几个【面板状态】,状态数量根据所需验证码的数量而定 。
4、然后双击动态面板【状态1】,在虚线框中放置一张验证码图片;再依次点击其它几个动态面板状态,依次放入验证码图片即可 。
6、接着返回到【主页面】中,点击选中动态面板,在右侧的“交互 - 添加用例”列表中点击【鼠标单击时】,调出用例编辑面板 。
7、在用例编辑面板中,设置【鼠标单击时】的动作为:设置面板状态到向后循环;点击确定 。
8、点击右上角的【预览】按钮,或者直接按F5键,即可预览查看在登录界面中输入验证码的交互效果 。
以上就是关于如何在Axure软件中制作动态验证码效果的方法和步骤 。学习掌握动态面板的状态设置方法、以及交互用例的编辑技巧,即可制作出动态验证码交互效果 。

    推荐阅读