当我们需要登陆app、网页时,常常需要接收并输入动态验证码,在Axure软件中,我们可以通过给动态面板添加交互动作,制作出动态验证码交互效果 。本文小编来教大家如何在Axure软件中制作动态验证码效果 。
文章插图
1、首先我们需要在电脑中双击打开Axure应用程序,新建画布,进入到工作区域中去 。
2、从左侧面板的元件库中找到登录框,拖拽到页面中;再从元件库中找到【动态面板】、【文本框】元件,依次拖拽到页面中去 。
【Axure如何制作动态验证码效果?Axure怎么制作验证码交互动作?】3、双击动态面板,调出动态面板管理窗口,在窗口列表中新增几个【面板状态】,状态数量根据所需验证码的数量而定 。
4、然后双击动态面板【状态1】,在虚线框中放置一张验证码图片;再依次点击其它几个动态面板状态,依次放入验证码图片即可 。
6、接着返回到【主页面】中,点击选中动态面板,在右侧的“交互 - 添加用例”列表中点击【鼠标单击时】,调出用例编辑面板 。
7、在用例编辑面板中,设置【鼠标单击时】的动作为:设置面板状态到向后循环;点击确定 。
8、点击右上角的【预览】按钮,或者直接按F5键,即可预览查看在登录界面中输入验证码的交互效果 。
以上就是关于如何在Axure软件中制作动态验证码效果的方法和步骤 。学习掌握动态面板的状态设置方法、以及交互用例的编辑技巧,即可制作出动态验证码交互效果 。
推荐阅读
- 如何去除铁锈
- IPhone14灵动岛交互怎么做 Figma制作IPhone14灵动岛教程
- Axure如何实现新增数据效果?Axure中继器实现数据新增教程
- AI制作波点旋涡的方法 波点旋涡制作教程
- Axure如何制作动态时间?Axure怎么制作动态倒计时的原型?
- Axure重复添加同级页面教程 Axure如何重复添加同级页面?
- Axure如何添加下拉框效果?Axure如何自制下拉列表框?
- Axure如何设置文本框选中效果?Axure如何实现文本框选中的效果?
- 水波纹倒影怎么做 PS制作水波纹倒影的方法
- 海边落日logo怎么做 AI制作落日logo的方法