您现在的位置:   首页 >> 新闻中心 >> 原型设计

Axure教程:用中继器做图片轮播

发布人:www.yunke.ai 发布时间:2021-01-01 139 次浏览

编辑导读:本文跟大家分享如何用Axure中继器做图片轮播效果,作者从预览图,到所需原件,再到操作步骤都一一展开了分析,并对过程中需要注意的问题进行了介绍,希望对你有所启发。

Hello,今天教大家用中继器做图片轮播。

01 为什么要用中继器做图片轮播

开始教学之前,我们先来探讨一下为什么要用中继器来做图片轮播。

首先,市面上的图片轮播教程都是用动态面板来做的,他是将不同的图片放入不同的动态面板,然后通过设置动态面板的next和previous来实现轮播的。这样做看是没有问题,但是用起来非常不方便。为什么呢?第一,动态面板做的相当于写死了,例如你有四张轮播图,下次想改成10张,那你就需要复制多6个页面,在分别到各个页面设置交互和导入图片;第二,如果想改变轮播图的尺寸,那我就要到10个页面分别修改。这样导致浪费了很多的时间,导致制作出来的元件复用性低。

所以作者就用中继器做了一个图片轮播的原型,只需要在中继器表格导入图片即可自动生成交互,而且修改尺寸交互也只需要修改一次。非常的方便快捷,做好之后复用性极强。

02 原型效果预览

下面是做好的轮播图的效果,你们也可以自行体验哈

原型演示地址:https://cspfgk.axshare.com/#g=1

03 原型教学