axure动态面板如何使用?使用方法是什么?

李冰琪            来源:优草派

动态面板是Axure原型制作中使用非常频繁的一个元件,它主要用于实现动态的交互效果,它由一个或多个状态组成,每个状态就是一个页面,可以通过事件来控制动态面板的状态。本文小编来教大家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的小伙伴们需要多练习一下操作方法熟练掌握动态面板的使用方法。

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。
TOP 10
  • 周排行
  • 月排行