原标题:Axure 8.0实例 |自定义倒计时制作流程
一年一度的双十一快要来临了,最近闲来无事,用axure8.0实现了一个倒计时的功能,有兴趣的朋友闲来无事,可以鉴赏一番。至于大牛们就直接忽略吧。
预览:
一、准备元件
1、添加一个文本框,用来输入要进行倒计时时间,并将文本框的类型改为“日期”,并给文本框一个名字,我这里就取名叫“倒计时日期”;
2、添加9个文本标签。
分别起名为:“当前时间”、“倒计时日期文字”、“差值”、“天”、“时”、“分”、“秒”、“提示信息”、“标题”;9个文本标签的作用分别是:
当前时间:存放当前时间(以毫秒的形式存放);倒计时日期文字:存放“倒计时日期”文本框的文字内容;差值:存放倒计时日期与当前时间的差;天:存放倒计时日期与当前时间相差多少天;时:存放倒计时日期与当前时间去掉天数外,相差多少小时;分:存放倒计时日期与当前时间去掉天数、小时后,相差的分钟;秒:存放倒计时日期与当前时间去掉天数、小时数、分钟数后,相差的秒数;提示信息:异常情况提示内容;标题:倒计时标题。
这些文本标签一般情况下默认为隐藏状态,在需要的情况下显示,这里就统一设置成隐藏了;
3、添加一个动态面板,并给动态面板两个状态。