axure 9 按钮倒计时

最新推荐文章于 2025-10-14 17:22:54 发布

原创最新推荐文章于 2025-10-14 17:22:54 发布 · 3.3k 阅读

3 ·

CC 4.0 BY-SA版权

axure9 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍如何在Axure中创建一个按钮控制的动态面板，实现定时切换状态的效果。通过设置全局变量、交互事件和循环间隔，可以轻松实现动态面板的状态自动切换，非常适合用于原型设计中的动态展示。

第一步

，新建一按钮和 动态面板，位置随便放，不放重了就好。

双击**动态面板** ，添加一个state。可以在state1,state2中分别设置一个不同的图形，方便观察。
使用的时候，隐藏**动态面板**就可以达到最终效果

第二步

，添加全局变量 timer

第三步

，添加交互事件

按钮 -> 交互 
	交互1 单击时
		添加动作1 "启用/禁用"
				目标 当前 禁用 
		添加动作2 设置面板状态
			目标 动态面板
			状态 下一项  勾选向后循环 
			更多选项 勾选循环间隔。默认1秒
			
		添加动作3 设置变量值
			目标 timer = 15
			
动态面板->交互
	交互1 状态改变时
		if 值 timer>0
			添加动作1 设置变量值
				目标 timer = [[timer-1]]
			添加动作2 设置文本
				目标 按钮 为 [[timer]]
				
		if 值 timer==0
			添加动作1 设置面板状态
				目标 当前
				状态 停止循环
			添加动作2 设置文本
				目标 按钮 为 按钮
				
			添加动作3  "启用/禁用"
				目标 按钮 启用