Axure 8 制作动态时间

由于产品需求,需用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函数,所以需要使用其它方法来曲线完成。

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

这里写图片描述

这里写图片描述


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部