Axure产品原型设计—图片验证码

版本:Axure 9

功能描述:

点击“图片验证码”,可以切换验证码,当输入框输入验证码时会实时判断当前输入是否正确。

一、最终效果

Axure产品原型设计—图片验证码

二、具体步骤

1. 画验证码输入框

Axure产品原型设计—图片验证码

2. 画“图片动态验证码”

Axure产品原型设计—图片验证码

Axure产品原型设计—图片验证码

Axure产品原型设计—图片验证码

3. 画输入提示标识“对/错”

Axure产品原型设计—图片验证码

Axure产品原型设计—图片验证码

Axure产品原型设计—图片验证码

Axure产品原型设计—图片验证码

4. 设置交互动作

4.1 设置全局变量存储“验证码动态框”当前状态

Axure产品原型设计—图片验证码

Axure产品原型设计—图片验证码

4.2 点击“验证码动态框”实现切换状态

Axure产品原型设计—图片验证码

Axure产品原型设计—图片验证码

Axure产品原型设计—图片验证码

4.3“验证码输入框”交互设置

Axure产品原型设计—图片验证码

Axure产品原型设计—图片验证码

Axure产品原型设计—图片验证码

5. 最终效果演示

Axure产品原型设计—图片验证码

三、问题

1. 为什么要用全局变量?

因为无法直接获取动态面板当前状态的值,所以需要一个全局变量来存储一下。

Axure产品原型设计—图片验证码

2. 为什么用局部变量?

Axure产品原型设计—图片验证码

3. 有了局部变量,为什么还要使用全局变量?

Axure产品原型设计—图片验证码

以上问题回答是基于我目前对Axure工具使用的了解,欢迎大家提供更好的方式。

作者:Luna

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部