Axure中不乏许多的高级功能,其中轮播图是我们在页面中常见的一个高级功能,轮播图的做法有很多种,但是就我个人而言认为使用动态面板做轮播简单点。今天就让我们来学习一下Axure中动态面板实现轮播图吧。
一、基础用法
1.首先老规矩我们从元件库中拖拽元件进入我们的设计区域,今天我们使用的是动态面板。
2.我们双击动态面板进入编辑状态。
3.我们点击顶部的状态区,并添加我们的状态。(这里我添加了四个,并双击命名为img1234)
4.设置后之后,我们再把图片元件拉入动态面板里,每个状态放不同你需要的图片,并调整大小。这里要注意不要推出编辑面板哦。设置好后我们就可以点击关闭退出编辑面板了。
5.我们在将下好的左右翻页图标拖拽进来。你也可以选择你喜欢的图标拖拽进来。
6.大概样式设置好后,我们就可以做交互事件了。首先我们选中我们的动态面板。找到新建交互。
7.找到动态面板中的状态改变时。
8.然后鼠标点出来,再将鼠标移到状态改变时那一行,找到右边的启用情形。
9.这时候来到我们的情形编辑。选择添加情形。
10.这里添加的状态意思是如