2021-04-28

    图片轮播的交互事件说明

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Axure

作者：谢雅杰

撰写时间：2021/4/28

1. 点击Axure，打开，不用新建
2. 把动态面板拖到页面,看步骤  
3. 

 

4、双击面板到面板状态管理。然后再双击State1进入

5、把State1里的自动调整为内容尺寸勾上

   

5.把图片拖出，然后双击选择图片

6、点击黑色圈那个复制，复制三个面板

7、第一步，先把左右键放到面板上，第二步把下面的椭圆点放到上面，再点击动态面板，交互，然后点击载入时设置交互事件，使面板在预览时不断循环

8、设置鼠标移入，显示左右键弹出效果，设置动态面板为停止循环。和鼠标移出隐藏左右键效果，设置动态面板循环的交互事件

9、交互事件，点击鼠标单击时设置左键上一个的效果右键也是一样，但左键要设置动态面板停止循环，要不然难以观察出来区别，则右键则是循环轮播

10、设置面板下方的椭圆点，把四个椭圆点组成一个组，交互样式，点击选中，设置填充颜色，点击第一个把交互样式的选中给它勾上。

11、接下来设置椭圆点，设置动态面板，然后等待，在设置动态面板

12、后面三个椭圆就按照前面的复制粘贴就可以了，再点击动态面板设置载入时，显示不断循环的效果

这是我所学到的Axure轮播效果，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！