恩,轮播图是常用控件,今天就用axure设计个轮播图控件,玩玩……
工具/原料
Axure RP 8
方法/步骤
1
新建一个“动态面板”,如下图所示:
2
“动态面板”设置尺寸为500*156,并设置3个层,分别命名为pic1,pic2,pic3(仅演示用)
3
在各层中,放入所需的图片,如下图所示
5
让图片循环轮播,需要设置下“动态面板”的“载入时”的交互动作:---设置“动态面板”“向后循环”,循环间隔时间3000毫秒,动画方式为向右滑动,时间1000毫秒---
6
设置左箭头的“鼠标单击时”的交互动作:---设置“动态面板”“向前循环”,动画方式为向左滑动,时间1000毫秒---
7
设置右箭头的“鼠标单击时”的交互动作:---设置“动态面板”“向后循环”,动画方式为向右滑动,时间1000毫秒---
8
简简单单设置好后,建议的轮播图控件就设置完成了,看下效果,是不是很不错,赶紧加入自己的控件库里把~
9
觉得不错的话,请投个票,加个赞哦~
上一篇:小程序竖向轮播图如何制作
下一篇:js如何控制另一个页面的刷新