axure怎么制作图片自动播放的效果?

我们可以使用“axure rp”工具设计交互式原型，这是一个非常棒的工具。现在我们使用它来构建图片自动播放（轮播），这里使用的是“axure rp 8.0”，以下是您需要做的事情。

一、导入图片

1、新建项目。通过依次点击菜单栏“文件（file）”-“新建（new）”来创建新项目。

2、添加图片元件。从左侧元件库（libraries）中找到图片（image），拖放到画布适合的位置。

3、导入图片。双击图片元件，在弹出的窗口中找到图片，单击“打开”。

4、导入其他图片。重复2和3，再次导入2张图片。

二、创建动态面板

1、要创建轮播，请将轮播中的每个图像置于自身的动态面板里。

2、右键单击“图像1”，然后选择“转换为动态面板（convert to dynamic panel）”。 命名动态面板“自动播发图片（轮播）”。

3、双击刚刚创建的动态面板以打开动态面板状态管理器。

4、点击绿色“+”图标两次，给动态面板三个状态（state）。

5、单击确定（ok）关闭对话框。右键单击“图像2”并选择“剪切（cut）”。在右侧“概要（outline）”中双击“state2”将其打开，进行编辑。

6、将“image 2”粘贴到“state2”的画布上。然后将粘贴的图像移动到坐标（0,0）。

7、重复上述步骤，将“image 3”粘贴到“state3”中。

三、制作自动播发

1、选择动态面板。 在属性（properties）选项卡中，双击“onload（载入时）”添加一个新的onload实例。

2、在左侧列中，单击“set panel state（设置面板状态）”。

3、在右栏中，选择“this widget（这个小部件）”。

4、在右栏的底部，单击标签为“select state（选择状态）”的下来菜单，然后选择“next（下一个）”。 单击复选框“向后循环（wrap from last to first）”和“循环间隔（repeat every）”， 默认设置每秒（1000 ms），您可以更改秒数（尝试3000毫秒）。最后将“animate in（进入动画）”和“animate out（退出动画）”值设置为“向左滑动（slide left）”和“500 ms”。

五、预览

单击预览，查看效果。