使用axure制作出图片自动播放效果的具体操作步骤

Axure RP Pro

软件大小： 34.9MB

更新时间： 2024-03-04 17:06:23

所属分类： 办公工具

查看详情

yesky

标签：

• Axure
• 原型设计

 ？？各位同学们知道使用axure如何制作出图片自动播放效果吗?不知道的话可以跟随小编去下文看看使用axure制作出图片自动播放效果的具体操作步骤。 

 ？？一、导入图片 

 ？？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制作出图片自动播放效果的具体操作步骤，你们是不是都学会了呀!