动态面板是Axure原型制作中使用非常频繁的一个元件,它主要用于实现动态的交互效果,它由一个或多个状态组成,每个状态就是一个页面,可以通过事件来控制动态面板的状态。本文小编来教大家axure动态面板如何使用,使用方法是什么?
1、首先我们需要从电脑中打开Axure软件,根据尺寸需要在index文件上新建一个背景矩形并绘制页面。
2、用鼠标点击banner,新建一个【动态面板】。双击动态面板新建state1、state2、state3,依次命名为banner、banenr2、banner3。
3、依次新建矩形
· 双击【banner1】进入到内页中,新建一个矩形,根据效果需要填充的颜色。
· 双击【banner2】进入到内页中,新建一个矩形,根据效果需要填充的颜色。
· 双击【banner3】进入到内页中,新建一个矩形,根据效果需要填充的颜色。
4、返回之后选择【动态面板】,命名【banner】,然后选择交互中的【载入时】选择设置面板状态,勾选【banner】动态面板,选择状态【next】勾选【向后循环】,勾选【循环间隔1000毫秒】。
5、再次返回之后在【banner】的动态面板上,再新建一个【动态面板】并重新命名为【轮播点】。
6、双击【轮播点】的动态面板,依次新建三个内页,分别是【轮播点1,轮播点2,轮播点3】。
7、点击【轮播点1】,在其中绘制三个【圆形】,并把第一个圆形填充成点亮的颜色。
8、点击【轮播点2】,在其中绘制三个【圆形】,并把第二个圆形填充成点亮的颜色。
9、点击【轮播点3】,在其中绘制三个【圆形】,并把第三个圆形填充成点亮的颜色。
10、回到首页之后在交互面板上点击【载入时】选项,勾选【轮播点】动态面板,选择状态【next】,选择【向后循环】,勾选【循环间隔】。
以上就是axure动态面板如何使用的方法,动态面板是Axure原型制作中使用非常频繁的一个元件,初学的Axure的小伙伴们需要多练习一下操作方法熟练掌握动态面板的使用方法。