Axure中如何实现字幕滚动效果

Axure中如何实现字幕滚动效果

滚动字幕在我们生活中是很常见的,经常在博客或者空间上有这样的装饰,现在广告牌中应用的也非常广泛,包括我们现在最流行的“弹幕”也是滚动字幕的繁衍。而在Axure中字幕滚动也被称为跑马灯效果,那么如果我们用Axure实现字幕滚动的效果,又该如何操作呢?

打开Axure软件,拖入一个矩形元件,作为文字添加的滚动区域,然后将其转化为动态面板:

Axure转换为动态面板

进入动态面板页面,打开页面之后,拖入一个文字标签,编辑文字信息,如下图所示:(文字信息可以编辑在动态面板里面,也可以放在右侧。)

然后将文字标签转换为动态面板,命名为滚动,以便区分。

Axure文字信息

将命名为“滚动”的动态面板默认为隐藏状态。

然后添加交互,页面载入时,显示“滚动”的动态面板

“滚动”的动态面板显示时,添加动作“移动”动画设为线性9秒,X轴为-398,Y轴为8,等待为9050毫秒,直至移出左边框。

然后设置移至右边框的位置,等待循环开始

然后隐藏“滚动”的动态面板

然后将动态面板添加隐藏时交互。

一下为交互的图片截图设置。

Axure交互效果

以上就是关于Axure实现字幕滚动的效果的方法,只要明白其中交互效果就会显得很简单,更多感兴趣的教程,点击文章:Axure制作拨号键盘

在线客服
客服邮箱
客服电话
17051276424