开始按钮-如何在Axure中使用“循环”

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

“设置文本”那里开始按钮，填入：

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

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

将循环体独立出来

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

二、秒表（利用“面板状态改变时”）

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

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

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

动态面板建两个空状态

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

“设置文本”那里填入：

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

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

“暂停Pause”的交互为：

“复位Reset”的交互为：

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

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

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

小结：

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

限时特惠：本站每日持续更新海量各大内部网赚创业教程，会员可以下载全站资源点击查看详情
站长微信：