Axure中的动态轮播图怎么设置?(二)
在“”这篇文章中,我们已经介绍了如何在axure中制作动态轮播图,并提出了一个问题:每当轮播图状态进行切换的时候,被选中的轮播图所对应的小圆点就会被点亮 的效果应该如何制作?这篇文章就来回答以下这个问题并介绍剩下的一些内容。
其实也比较简答,从逻辑的角度来说,这个问题可以分为两步:第一步是先设置小圆点被选中时候状态的变化,这个可以通过用鼠标左键选中小圆点然后在软件界面右侧的交互中找到选中,然后通过修改填充等方式来表现小圆点被选中时候状态的变化;第二步是将小圆点被选中的状态与轮播图的状态对应起来,这里是通过用鼠标左键单击动态面板,然后在右侧的属性中找到状态改变时,用鼠标左键双击进入 设置面板状态 —添加条件— 配置动作来完成的。为了在添加条件设置过程中的方便,我们可以将三个小圆圈分别命名为1、2、3,分别对应于动态面板的state1/2/3,这样就将动态面板的状态切换与小圆点之间对应起来了。
但是自己去实施的时候会发现,小圆点之间并没有实现唯一点亮的效果,要解决这个问题,只需要将三个小圆点设置为选项组就可以了。
结束了吗?并没有,因为有时候我们会习惯用鼠标点击小圆点来切换轮播图,那么怎么操作呢?其实这个有点类似于左右箭头的设置了,用鼠标左键单击第一个小圆圈以选中,然后在软件界面右侧的属性中找到鼠标单击时,用鼠标左键双击进入后,设置轮播图状态为state1即可。为了实效效果的柔和,可以添加一些活动的延时。
有了前面的额基础,我们知道,在设置外状态之后,一定还需要为其添加上自动轮播的效果,添加自动轮播的效果与前面的类似,可以鼠标双击进入设置,也可以直接复制粘贴,是比较简单的。
axure中的动态轮播图怎么设置?虽然看起来比较简单,但是其中包括了很多逻辑关系,可以说,动态轮播图交互效果的设置差不多是axure中最难的一个了,学会了它,再理解axure中别的一些东西会更容易,所以快去试一试吧。