学习Axure最常用的就是轮播,轮播勘称Axure的代表,学好Axure必须学会轮播接下来我们开始进行轮播的学习。
完成这个轮播案例需要掌握:运用判断+动态面板+选中效果。
大体步骤如下:先实现自动播放+页面切换+按钮和图片对应。
先拉一个图片出来,去掉边框然后转换为动态面板,再添加所需的七张图片。
添加点击事件让其自动切换。如下图:
根据循环需要选择交互动作,选择载入时,如下图:
添加动作,新增:设置面板状态。如下图
配置动作->选择动态面板->选择状态:Next-> 选择向后循环(这样才能使循环间隔)->选择2000毫秒(2000毫=2秒钟秒->进入画面和退出画面自由选择
这样我们实现的第一步的自动播放。
第二步设置左右箭头(下图所示2,3),用于页面切换 。
从元件库拖出两个左右箭头,设置水平分布再添加点击事件,设置动态面板向左右滑动。
设置进行等待,然后添加自动播放事件让其点击箭头实现页面的切换。
如果下图,添加点击事件实现切换。
最后设置点击事件:鼠标移入时显示箭头 移出时隐藏箭头。
第三步添加七个按钮让其与七张图片相对应,如下图片:
为按钮添加选中样式,选择填充颜色和透明度(透明度自适应)
然后实现其全部效果如下图:
这是我所学到引用步骤,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!