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”。
五、预览
单击预览，查看效果。
相关推荐：
Axure RP Pro 7.0怎么制作图片轮播按钮控制效果?
相关文章
axure怎么使用动态面板制作淘宝图片轮播效果？我们经常看到淘宝中有图片轮播的效果，该怎么设计这种效果呢？下面我们就来看看通过axure实现的教程，需要的朋友可以参考下2017-04-23
Axure怎么制作商品详情页产品图展示效果？想要使用Axure设计一个商品图片展示效果，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-03-26
Axure RP 8怎么制作图形排除重叠位模型？Axure RP 8中想要制作两个图片折叠，排除折叠位置，该怎么做这个模型呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-01-12
Axure RP 8怎么创建图形母板？Axure设计网页的时候，想要制作一个图片母板，调用很方便，以后统一换图也方便，该怎么创建呢？下面我们就来看看那详细的教程，需要的朋友可2017-01-11
Axure RP 8怎么价格2D图形转换成3D图？Axure RP 8中绘制的平面图想转换成3d立体图，该怎么设置呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-01-06
Axure RP 8设怎么绘制拱桥倒影图？想要制作一个圆拱桥并且设置倒影相互映衬，该怎么绘制呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-01-06
Axure RP 8怎么制作一个旋转的圆角图片？Axure中想要旋转图片元件，将直角图形变成圆角，该怎么设置呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-01-04
Axure RP 8怎么设计图片点赞功能的网页原型？想要给网页添加一个图片点赞的功能，该怎么添加呢？下面我们就来看看使用Axure来完成的教程，需要的朋友可以参考下2016-12-29
axure RP 8怎么做图片轮换的效果？axure设计网页原型的时候，想要做一个图片轮播的效果，该怎么做呢？下面我们就来看看详细的教程。需要的朋友可以参考下2016-12-15
Axure RP 8设怎么用按钮控制图片的显示与隐藏？Axure中想给页面添加一个通过按钮控制的可以显示或者隐藏的图片，该怎么设置呢？下面我们就来看看详细的教程，需要的朋友可2016-12-09
最新评论