Axure 图片轮播效果
我发现网上关于轮播效果的讲解不太多,自己参考了一些再加上自己的实践,总结出了一套比较详细的制作教程,希望大家指正。
打开Axure
- 新建一个空文件,在空白页面中拉入一个动态面板,可自定义名字为banner;
- 在banner 动态面板中添加三个状态,可命名为第一张、第二张、第三张;
- 分别在每个状态中放入要轮播的图片,和标签设置。
设置轮播滑动状态页面
1.回到主页面拉入一个动态面板,与banner 动态面板重合,可命名为焦点图;
2.在焦点图动态面板中添加三个状态,可命名为第一帧、第二帧、第三帧;
3.分别在每个状态中放入要轮播的图片和标签设置,步骤同上。
设置自动轮播效果
1.回到主页面,点击空白处,设置事件<页面加载时>;设置焦点图和banner动态面板交互事件;
2. 选择banner图片动态面板,把状态设置为Next,勾选向后循环和循环间隔,同时设置好