时间:2021-05-22
我们可以使用“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怎么使用动态面板制作淘宝图片轮播效果?
Axure RP Pro 7.0怎么制作图片轮播按钮效果?
Axure RP Pro 7.0怎么制作图片轮播按钮控制效果?
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
主要功能:1,自动检测广告图片个数生产广告序列2,缓动切换,仿原版FLASH效果3,自动按照设置周期播放4,鼠标划入停止自动播放鼠标移走恢复自动播放其中第一个功
ppt中想要制作图片播放效果,该怎么制作这个视频效果呢?下面我们就来看看详细的教程。软件名称:PowerPoint2017简体中文免费完整版软件大小:60.7M
当我们在演讲的时候,我们需要PPT自动播放,而ppt默认的情况下是不会自动播放的,那么怎么来设置呢?此篇文章就来讲讲如何设置自动播放的。以ppt2007为例。软
如何使用PPT制作图片滚动播放动画?比如电视播放的画面,其实制作起来很方便,给图片添加动画效果就可以了,下面我们就来看看详细的教程。软件名称:Office201
在Authorware中,我们可以通过显示图标和等待图标来设置自动播放一组图片的功能,该怎么制作呢?下面我们就来看看详细的教程。1、今天我们提供了Authorw