Axure快速入门（12） -轮播图案例

1. 前言

本文的案例源文件已上传到Github，有兴趣的同学可以下载来看看： https://github.com/ylw-github/Axure-Demo

前面写过Axure相关的文章，有兴趣的同学可以参阅：

• 《Mac 下Axure RP9下载与安装》
• 《Axure快速入门教程》
• 《Axure快速入门（01） - 面板介绍》
• 《Axure快速入门（02） - 入门例子（登录案例）》
• 《Axure快速入门（03） - 丰富的元件库》
• 《Axure快速入门（04） - 元件位置调整》
• 《Axure快速入门（05） - Master母版减少重复操作》
• 《Axure快速入门（06） -动态面板例子》
• 《Axure快速入门（07） -选项组例子》
• 《Axure快速入门（08） -网格和参考线》
• 《Axure快速入门（09） -变量和表达式（计算商品总价例子）》
• 《Axure快速入门（10） -变量和表达式总结》
• 《Axure快速入门（11） -函数总结》

之前Axure写的都是静态的页面，本文要讲解动态的页面，以轮播图为例子。

2. 轮播图案例 2.1 设置轮播图样式

首先拖入动态面板到页面编辑区，然后设置动态面板每个状态的背景颜色：

2.2 添加交互事件

添加载入时事件： 选择设置面板状态动作，如下： 设置内容如下：

2.3 最终演示效果

本文完！