Axure制作:倒计时(获取验证码案例)

 时间:2024-10-24 18:06:12

1、新建2个按键,1个标签,及2个文本丸泸尺鸢框:1.修改1个“标签”内容为:短信验证码2.修改1个“按键”内容为:获取验跷高瘴玷证码,命名为:按键13.修改1个“按键”内容为:重新发送( s ),命名为:按键24.命名一个“文本框”为:倒计时如图所示:

Axure制作:倒计时(获取验证码案例)

2、“文本框:倒计时”与“按键2”做如下图布局,并组合下(方便操作):

Axure制作:倒计时(获取验证码案例)

3、两个按键“按键1”和“按键2”重叠在一起2.“按键1”在顶层3.“文本框:倒计时”隐藏边框按下图方式布局:

Axure制作:倒计时(获取验证码案例)

4、为了体现获取验证码时,按键不能被点击,所以设置“按键2”的禁用状态时,显示字体颜色为:#999999

Axure制作:倒计时(获取验证码案例)

5、设置“按键1”的“鼠标单击时”的动作:---1.“按键2”和”文本框:倒计时“置顶2.设置“文本框:倒计时“内容为10---

Axure制作:倒计时(获取验证码案例)

6、设置“文本框:倒计时”的“文本改变时”的动作,有2个条件动作:

7、条件1:---当”倒计时“的值大于等于1时---如下图所示:

Axure制作:倒计时(获取验证码案例)

8、动作1:---1.等待1000毫秒(就是等待1秒)2.”倒计时“的值减1---

9、条件2:---当”倒计时“的值等于0时---如下图所示:

Axure制作:倒计时(获取验证码案例)

10、动作2:---1.将”按键2“和”文本框:倒计时“置于底层2.设置”按键1“的内容为”再次获取验证码“---

11、所有动作汇总截图如下:

Axure制作:倒计时(获取验证码案例)

12、动作设置完后,就可以看效果了点击”获取验证码“进入倒计时阶段,是不是很不错~这是一稍僚敉视个不用动态面板制作的案例,很是简单~觉得不错的话,请投个票,加个赞哦~

Axure制作:倒计时(获取验证码案例)
  • Axure RP 下拉列表 实现 城市和区 的交互
  • Axure如何制作带提示信息的输入框
  • Axure弹出窗口属性如何开启可调整属性
  • Axure富文本怎么设置为粗体
  • Axure如何添加二级标题,详细教程
  • 热门搜索
    数学小故事手抄报 弘扬传统文化手抄报 诚实守信的手抄报 年俗年韵年文化手抄报 食品安全手抄报花边 儿童手抄报春节 英语故事手抄报 数学手抄报一年级 关于新年的手抄报图片 关于庆祝六一的手抄报