Axure快速入门(12) -轮播图案例

简介: Axure快速入门(12) -轮播图案例

1. 前言

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

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

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

2. 轮播图案例

2.1 设置轮播图样式

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

2.2 添加交互事件

添加载入时事件:

选择设置面板状态动作,如下:

设置内容如下:

2.3 最终演示效果

本文完!

目录
打赏
0
0
0
0
241
分享
相关文章
Axure学习案例和项目
Axure学习案例和项目
【Axure教程】移动端图片管理、上传、分享原型
【Axure教程】移动端图片管理、上传、分享原型
|
7月前
Axure 小技巧:翻滚吧页面
Axure 小技巧:翻滚吧页面
57 6
|
7月前
Axure 创建轮播图
Axure 创建轮播图
36 0
产品入门第一讲:Axure的安装以及基本使用
产品入门第一讲:Axure的安装以及基本使用
107 1
产品入门第三讲:Axure产品流程图绘制
产品入门第三讲:Axure产品流程图绘制
203 0
产品入门第三讲:Axure产品流程图绘制
产品入门第四讲:Axure动态面板
产品入门第四讲:Axure动态面板
128 0
Axure快速入门(01) - 面板介绍
Axure快速入门(01) - 面板介绍
101 0
Axure快速入门(02) - 入门例子(登录案例)
Axure快速入门(02) - 入门例子(登录案例)
83 0
Axure快速入门(03) - 丰富的元件库
Axure快速入门(03) - 丰富的元件库
170 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等