设为首页 - 加入收藏
广告 1000x90
您的当前位置:主页 > 抖音运营 > 引流推广 > 正文

axure怎么做(如何在Axure中使用“循环)

来源:引流技巧 编辑:引流技巧 时间:2024-10-30

交互也非常简单,只使用一个“载入时”就够了。

axure怎么做(如何在Axure中使用“循环)axure怎么做(如何在Axure中使用“循环)

“设置文本”那里,填入:

[[“0”.concat(Now.getHours()).substr(-2)]]:[[“0”.concat(Now.getMinutes()).substr(-2)]]:[[“0”.concat(Now.getSeconds()).substr(-2)]]

这就完成啦,是不是非常简单?如果你需要在“载入时”完成其它操作而不想进行循环,也可以把循环体的内容绑定到其他用不到的交互上:

axure怎么做(如何在Axure中使用“循环)axure怎么做(如何在Axure中使用“循环)

将循环体独立出来

同样的,如果你有“时针、分针、秒针的UI设计”也可以做成模拟时钟的样子,说白了就是交互里多加入指针的旋转。

二、秒表(利用“面板状态改变时”)

目前中文Axure关于秒表几乎都是用“定时+1”去实现的,这其中就有一个很大的问题,时间不准!!!当页面元件过多或者电脑性能不足时,真实世界过了好几秒了原型才过1秒。

接下来教你怎样做一个更“实时”的秒表,首先,我们添加两个个全局变量:

axure怎么做(如何在Axure中使用“循环)axure怎么做(如何在Axure中使用“循环)

然后拖出3个按钮(启动Start、暂停Pause、重置Reset),1个文本标签(用来显示),1个动态面板(Loop用来循环):

axure怎么做(如何在Axure中使用“循环)axure怎么做(如何在Axure中使用“循环)

动态面板建两个空状态

“动态面板Loop”的交互为:

axure怎么做(如何在Axure中使用“循环)axure怎么做(如何在Axure中使用“循环)

“设置文本”那里填入:

[[“0”.concat(Math.floor(sw_timer/60000)).substr(-2)]]:[[“0”.concat(Math.floor(sw_timer/1000)%60).substr(-2)]].[[“00”.concat(Math.floor(sw_timer%1000)).substr(-3)]]

“启动Start”按钮的交互为:

axure怎么做(如何在Axure中使用“循环)axure怎么做(如何在Axure中使用“循环)

“暂停Pause”的交互为:

axure怎么做(如何在Axure中使用“循环)axure怎么做(如何在Axure中使用“循环)

“复位Reset”的交互为:

axure怎么做(如何在Axure中使用“循环)axure怎么做(如何在Axure中使用“循环)

虽然元件有点多,但是也不是很难对吧?这个秒表的原理是计算当前时间启动时间的差,好处是准确,就算电脑卡机,下一次循环也会自动更正时间,再也不会出现慢几拍的情况。

三、密码强度校验(不定长文字循环判断)

这个部分我打算单独写一篇文章,敬请期待。

小结:

Axure的循环其实并不高深,想通了就非常容易。

微商引流技巧网 www.yinliujiqiao.com 联系QQ:1716014443 邮箱:1716014443@qq.com

Copyright © 2019-2020 强大传媒 网站地图 rss地图

Top