Axure RP怎么做计时器(快速)

 时间:2024-10-24 02:01:31

AxureRP做倒计时,比如做一个60秒倒计时,一般的教程都是体力活,今天给大家写一个节约体力,不需要重复在动态面板中新建编辑state的方法,因为之前自己也是做体力活,现在写出来分享给大家。如果有帮助你,麻烦投票点有帮助哦,这样激励我可以写更多的经验帮助大家。

工具/原料

AxureRP8.0

方法/步骤

1、左边基本元件处,新建一个动态面板—双击动态面板进入—点击+号新增一个state2—点击编辑全部进入动态面板界面—选中state1—右上角样式—选择一个颜色填充,state2也是如此;

Axure RP怎么做计时器(快速)

Axure RP怎么做计时器(快速)

Axure RP怎么做计时器(快速)

Axure RP怎么做计时器(快速)

2、左边基本元件处,新建一个矩形,给矩形赋值60且去掉边框,命名为djs(中午命名逐吴哉姆可能会出错,所以这里用的倒计时的拼音首字母),选中动态面板—添加用例处选择“状态改懈吡赜痖变时”—添加条件—如图中操作,if文字于djs>"0",配置动作—设置文本—选择djs—设置函数fx—局部变量中给djs任意命名为time—函数中设置[[time-1]];

Axure RP怎么做计时器(快速)

Axure RP怎么做计时器(快速)

Axure RP怎么做计时器(快速)

Axure RP怎么做计时器(快速)

Axure RP怎么做计时器(快速)

Axure RP怎么做计时器(快速)

3、选中复习倒计时—页面载入时—设置动态面板—选择状态—next—勾选向后循环、间隔1000sm、首个状态延时1000sm后切换,选中动态面板—点击右上角隐藏即可。上述函数和用例的意思就是当矩形djs中的数字值大于0时,动态面板的状态改变时,则矩形djs中的值减一;

Axure RP怎么做计时器(快速)

Axure RP怎么做计时器(快速)

Axure RP怎么做计时器(快速)

Axure RP怎么做计时器(快速)

Axure RP中继器实例绑数据,选中,删除 AxureRP如何设置局部变量 用Axure实现倒计时功能 Axure rp如何制作交互效果? 教大家如何使用Axure制作文字轮播的效果
热门搜索
苍耳图片 成人漫画网 bl肉漫画 福建土楼图片 小燕子图片大全