axure如何设计倒计时

 时间:2026-02-13 08:34:16

1、打开axure,从左侧控件库中找到按钮拖到工作区中,命名为按钮,并输入获取验证码

axure如何设计倒计时

2、从左侧控件库中找到动态面板,拖到工作区中,右侧样式中设置为隐藏

axure如何设计倒计时

3、双击动态面板,点击+号添加一个shate

axure如何设计倒计时

4、点击按钮,在右侧属性下设置鼠标点击时事件,设置面板状态,让其状态在shate1和shate2间来回切换,并设置按钮禁用,在属性交互样式中,将禁用的颜色设置为灰色。即倒计时时,按钮不可用。

axure如何设计倒计时

axure如何设计倒计时

axure如何设计倒计时

5、点击动态面板,在属性设置状态改变时事件,添加条件,并设置按钮文本。即,当全局变量大于0时,执行全局变量-1后给全局变量,按钮控件的文本是全局变量的值。再设置当全局变量小于0时,启用按钮控件并设置文本是获取验证码。

axure如何设计倒计时

axure如何设计倒计时

axure如何设计倒计时

6、按F5在浏览器中查看效果

axure如何设计倒计时

axure如何设计倒计时

  • Axure原型工具如何制作倒计时效果
  • Axure 9.0 倒计时
  • Axure教程:如何制作元件可循环挪动的动态效果
  • 原型设计:[3]利用Axure实现复选框全选效果
  • Axure制作:时分秒的倒计时
  • 热门搜索
    辉县旅游 三亚旅游游记 东方旅游网 花莲旅游 南京免费旅游景点 南京途牛旅游网 日照旅游政务网 湖北旅游景点地图 香港旅游须知 宁波旅游图