axure 9 按钮倒计时

第一步

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

双击**动态面板** ,添加一个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  "启用/禁用"
				目标 按钮 启用 

第四步

,进行预览

猜你喜欢

转载自blog.csdn.net/liuzhuchen/article/details/86552509