如何使用Axure制作动态时间
1、制作动态面板在工作区拖入一个文本标签,右键单击,选择“转换为动态面板”,命名为“动态时间”。有人可能直接从元件库拖入动态面板,这样也可以,但是我还是习惯直接通过右键的方式,这种方式制作的动态面板,不会受到面板区域限制而使某些元件不能显示。

3、制作动态面板关闭状态,返回index页。在“元件管理”面板右键单击state1,选择复制状态,新状态为state2,不用修改两个状态的名称,因为不重要。

5、整理时间日期函数将以下信息整理至Notepad++备用年:Now.getFullYear()月:Now.getMonth()日:Now.getDate()时:Now.getHours()分:Now.getMinutes()秒:Now.getSeconds()

7、实现思路分析日期的获取和连接并不困难,这里的难点,是在如何将1位文字转换为2位文字,上一步提到的函数是关键。以秒为例,先在获取到的秒前面加0,比如:010、05我们最后要保留的是2位数,其实就是最后两位数,但是Axure中没有Right()函数,所以我们只能迂回取得。1、获取添加0后的长度;2、用长度减去2,作为截取字符串的起始位置;3、截取的长度为2。如:010,从字符串下标为1的位置开始,取两位,结果为10 05,从字符串下标为0的位置开始,取两位,结果为05这就是我们要的效果以秒为例写出相应函数:[[(0.concat(Now.getSeconds())).substr((0.concat(Now.getSeconds())).length-2,2)]]

9、预览完成以上一系列设置后,按F5预览效果。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:44
阅读量:50
阅读量:56
阅读量:65
阅读量:53