axure RP7.0 实现60秒倒计时功能

 时间:2024-10-21 20:13:29

1、打开axure软件

axure RP7.0 实现60秒倒计时功能

2、添加单行文本,输入数字60,命名为time。可以相应调一下字体大小

axure RP7.0 实现60秒倒计时功能

3、添加动态面板,命名为round,

axure RP7.0 实现60秒倒计时功能

4、双击动态面板,点击+号,添加状态,命名为状态1,状态2

axure RP7.0 实现60秒倒计时功能

5、设置动态面板状态1背景色为绿色,状态2背景色为红色。注:可以不设置任何颜色,此处是为了区分。

axure RP7.0 实现60秒倒计时功能
axure RP7.0 实现60秒倒计时功能

6、新增用例,点击动态铭板状态改变时,弹出编辑器窗口,设置如果time大于0,做下面的动作,

axure RP7.0 实现60秒倒计时功能

7、编辑动作,点击FX,跳转到编辑文字页面,按照图中添加,发现截图不清晰,下面吧设醅呓择锗置写一下添加局部变量,LVAR1=部件文字 time变量计算[[LVAR1-1]]

axure RP7.0 实现60秒倒计时功能
axure RP7.0 实现60秒倒计时功能

8、点击页面载入时,添加页面载入时用例,

axure RP7.0 实现60秒倒计时功能

9、设置页面载入时动作,按图操作

axure RP7.0 实现60秒倒计时功能

10、设置成功,使用快捷键F5预览一下吧,已经做好了

axure RP7.0 实现60秒倒计时功能
  • 原神刻晴全新衣装「霓裾翩跹」怎么获得
  • 新星邮件怎么使用HELO域名设置自动创建虚拟邮箱
  • Animate 2020如何投影的滤镜效果
  • 如何对视频添加电视雪花噪点效果滤镜特效
  • vegas怎么制作画中画并去掉黑屏?
  • 热门搜索
    欢欢喜喜过大年手抄报 制作手抄报 儿童端午节手抄报简单 田园风光手抄报 英雄事迹手抄报 新学期新希望手抄报 手抄报花边简笔画 预防病毒手抄报内容 病毒手抄报内容写什么 手抄报图片大全3年级