Axure自动轮播图成效

Axure自动轮播图效果

图片轮播(其中我使用的Axure为8.0版本)

1:添加一个图片原件

2:单击图片,右键选中 "转换为动态面板"

选择后会出现为右下角的样子

3.双击右下角的"动态面板",并点击复制,复制两张图片,总共三张(图片张数可以自己定),确认后如右图所示:

4.双击State1下的图片,会重新出现一个页面,双击图片将State2,State3分别将图片换成不同的图片,并给出相同的宽,高,最后效果如下所示:

鼠标放在图片上会显示相应的图片,

5.单击"概要:页面"里面的"图片轮播",选择"检视:动态面板"里面的"属性",然后在选择交互里面的"载入时(双击)";

        

双击后会出现如图所示

6.然后,选择"元件"里面的"设置面板状态",会出现中间的样子,点击"设置",右边则会出现元件名称,选中你所要设置的元件名称后,下面会出现"选择状态","进入动画",退出动画";(如下图)

"选择状态"只需选择则为Next(向前轮播),或Previous(向后轮播),这里我选择的为Next;

点击"向后循环","时间间隔"(时间间隔为毫秒,1000毫秒=1秒);

进入动画和退出动画可以自己定义,(我在这里选择都是向右滑动);设置完成都点击确认,按F5或者右上角的预览即可,

以上就是一个轮播图的设置过程!!!希望可以帮到各位.....