Axure动态面板实现轮播图

Axure中不乏许多的高级功能,其中轮播图是我们在页面中常见的一个高级功能,轮播图的做法有很多种,但是就我个人而言认为使用动态面板做轮播简单点。今天就让我们来学习一下Axure中动态面板实现轮播图吧。

一、基础用法

1.首先老规矩我们从元件库中拖拽元件进入我们的设计区域,今天我们使用的是动态面板。

2.我们双击动态面板进入编辑状态。

3.我们点击顶部的状态区,并添加我们的状态。(这里我添加了四个,并双击命名为img1234)

4.设置后之后,我们再把图片元件拉入动态面板里,每个状态放不同你需要的图片,并调整大小。这里要注意不要推出编辑面板哦。设置好后我们就可以点击关闭退出编辑面板了。

5.我们在将下好的左右翻页图标拖拽进来。你也可以选择你喜欢的图标拖拽进来。

6.大概样式设置好后,我们就可以做交互事件了。首先我们选中我们的动态面板。找到新建交互。

7.找到动态面板中的状态改变时。

8.然后鼠标点出来,再将鼠标移到状态改变时那一行,找到右边的启用情形。

9.这时候来到我们的情形编辑。选择添加情形。

 

10.这里添加的状态意思是如

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值