【Axure如何制作动态时间?Axure怎么制作动态倒计时的原型?】Axure是产品经理必备的一款原型设计软件,其中的编辑功能能够快速高效快速地创建产品原型图 。本文小编来教大家如何在Axure软件中制作动态时间倒计时原型 。
文章插图
1、首先我们需要在电脑中双击打开Axure应用程序,新建画布,进入到工作区域中去 。
2、从左侧的元件库中找到文本标签,点击拖动到页面中;右键点击文本标签,从列表选项中执行【转换为动态面板】命令 。
3、点击进入到状态1,再次拖入一个文本标签,将页面中的两个文本标签分别命名为“日期”和“时间”,并按顺序调整两个标签的位置 。
4、接着进入到“元件管理”的面板中,右键点击状态1,从列表中选择复制状态 。
5、在页面中点击选中动态面板,在“交互”面板的添加用例列表中添加为“载入时”事件 。
6、在调出的用例编辑页面中,选择“设置面板状态”,选中“动态时间”面板,状态为“Next”,勾选“向后循环”,时间为1000毫秒 。
7、点击【预览】,即可查看到面板每隔一秒切换一次状态,并在状态1和状态2之间无限循环 。
时间日期的函数依次为:
年:Now.getFullYear()
月:Now.getMonth()
日:Now.getDate()
时:Now.getHours()
分:Now.getMinutes()
秒:Now.getSeconds()
以上就是关于如何在Axure软件中制作动态时间的方法 。动态面板在使用Axure制作原型时运用频率较高,添加并编辑用例即可实现动态交互效果 。
推荐阅读
- AI制作波点旋涡的方法 波点旋涡制作教程
- Axure重复添加同级页面教程 Axure如何重复添加同级页面?
- Axure如何添加下拉框效果?Axure如何自制下拉列表框?
- Axure如何设置文本框选中效果?Axure如何实现文本框选中的效果?
- 水波纹倒影怎么做 PS制作水波纹倒影的方法
- 海边落日logo怎么做 AI制作落日logo的方法
- Axure如何制作简单的跳动效果?Axure移动动画如何设置为弹跳?
- Axure如何导入外部组件库?Axure怎么导入元件库?
- 淘宝人生身价如何提高?怎么创建?
- 冬奥会是如何诞生的