如何利用Axure RP 8实现倒计时的效果图像

 时间:2024-10-14 00:01:50

1、第一步,打开Axure RP 8设计软件,依此操作“项目---全局变量”,添加全局变量“timer”,如下图所示:

如何利用Axure RP 8实现倒计时的效果图像

2、第二步,拖曳一个按钮和面板到页面,修改按钮显示内容为“倒计时”,两个宽度一致,如下图所示:

如何利用Axure RP 8实现倒计时的效果图像

3、第三步,选中面板双击,再添加一个面板状态,根据具体的实际进行修改,如下图所示:

如何利用Axure RP 8实现倒计时的效果图像

4、第四步,设置按钮禁用时,按钮的交互样式;禁用时,按钮背景色为灰色,如下图所示:

如何利用Axure RP 8实现倒计时的效果图像

5、第五步,添加鼠标单击实例,状态为“Next”,向后循环、循环间隔1000毫秒,如下图所示:

如何利用Axure RP 8实现倒计时的效果图像

6、第六步,设置禁用时组织动作,选择禁用单选按钮,如下图所示:

如何利用Axure RP 8实现倒计时的效果图像

7、第七步,为全局变量添加条件,确保timer大于0;并设置timer在不断减一,如下图所示:

如何利用Axure RP 8实现倒计时的效果图像如何利用Axure RP 8实现倒计时的效果图像

8、第八步,设置倒计时按钮文本显示内容,这里设置为倒计时秒数,如下图所示:

如何利用Axure RP 8实现倒计时的效果图像
  • C4D在哪个位置能找到所选到关节
  • C4D在哪里可以开启分离通道
  • C4D如何让作为粒子的圆环旋转发射
  • C4D 制作一个沐浴液瓶子~3
  • C4D中如何设置相等切线长度
  • 热门搜索
    丽江旅游网 出门旅游必备用品清单 八月份适合去哪里旅游 济南旅游地图 苏州旅游财经学校 河南红色旅游景点 广州旅游景点一日游 滨海旅游区 潮州旅游景点大全 北京旅游地图高清版