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 最终演示效果
本文完!