Axure 8 制作动态时间

来源:互联网 发布:ipv6无网络连接与ipv4 编辑:程序博客网 时间:2024/06/16 12:49

由于产品需求,需用Axure做一个动态时间,由于刚刚使用Axure,故将方法记录下来。


  1. 新增一个文本标签,并取一个名字(也可不取,只为后面好区别)

  2. 设置该面板为动态面板,面板最好设置一个名字,不然后面在设置动作的时候注意有一个“隐藏未命名的元件”,如果没有取名,需要把这个取消才能设置。
    转为换动态面板

  3. 复制面板状态
    复制状态
    状态的名称可改可不改。

  4. 设置页面加载事件用例
    这里写图片描述
    选择next,面板会在这两个状态中循环。并设置循环周期为1秒。

  5. 设置面板状态改变事件用例
    这里写图片描述
    设置的值:[[(0.concat(Now.getHours())).substr((0.concat(Now.getHours())).length-2,2)]]:[[(0.concat(Now.getMinutes())).substr((0.concat(Now.getMinutes())).length-2,2)]]:[[(0.concat(Now.getSeconds())).substr((0.concat(Now.getSeconds())).length-2,2)]],由于axture没有类似right函数,所以需要使用其它方法来曲线完成。

到此就完成啦!预览如下:

这里写图片描述

这里写图片描述

0 0