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

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

这里写图片描述

这里写图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值