Axure8-元件案例之动态轮播图
2019-10-17 本文已影响0人
大风过岗
轮播图
需求: 固定区域循环播放一组图片。
要点
为动态面板添加加载事件,当加载时,自动切换Next状态
![](https://img.haomeiwen.com/i13084796/b50b547d89631bde.png)
操作步骤
1、拖拽出一个动态面板slidepanel
2、在动态面板上,绘制5个圆圈tag,标号为: tag1~tag5
3、为动态面板添加五个状态: stat1~state5
4、为动态面板添加加载事件,当加载时,自动切换Next状态
5、为状态切换事件,设置case
为动态面板添加状态变化事件:
![](https://img.haomeiwen.com/i13084796/17710163c0e2042b.png)
当动态面板的状态变化为state1时,则执行 选中tag1的动作:
![](https://img.haomeiwen.com/i13084796/c16df1fabf6783dc.png)
最终效果
最终效果如下:
![](https://img.haomeiwen.com/i13084796/e707df2251c7e4da.png)