图片轮播的交互事件说明
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术:Axure
作者:谢雅杰
撰写时间:2021/4/28
- 点击Axure,打开,不用新建
- 把动态面板拖到页面,看步骤
4、双击面板到面板状态管理。然后再双击State1进入
5、把State1里的自动调整为内容尺寸勾上
5.把图片拖出,然后双击选择图片
6、点击黑色圈那个复制,复制三个面板
7、第一步,先把左右键放到面板上,第二步把下面的椭圆点放到上面,再点击动态面板,交互,然后点击载入时设置交互事件,使面板在预览时不断循环
8、设置鼠标移入,显示左右键弹出效果,设置动态面板为停止循环。和鼠标移出隐藏左右键效果,设置动态面板循环的交互事件
9、交互事件,点击鼠标单击时设置左键上一个的效果右键也是一样,但左键要设置动态面板停止循环,要不然难以观察出来区别,则右键则是循环轮播
10、设置面板下方的椭圆点,把四个椭圆点组成一个组,交互样式,点击选中,设置填充颜色,点击第一个把交互样式的选中给它勾上。
11、接下来设置椭圆点,设置动态面板,然后等待,在设置动态面板
12、后面三个椭圆就按照前面的复制粘贴就可以了,再点击动态面板设置载入时,显示不断循环的效果
这是我所学到的Axure轮播效果,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!