Axure基础详解十一:循环弹幕效果

效果演示


制作过程

组件

在动态面板内部分别添加字幕组1和字幕组2两个字幕组

添加载入时用例

过程

说明

图例

移动

字幕组1和字母组2同时移动相同距离:本身的宽度+动态面板的宽度

Axure基础详解十一:循环弹幕效果_第1张图片

等待

过度作用

回到原点

移动到最开始位置

触发事件载入时

实现循环


动态面板方法

还有一个很简单的方法,利用动态面板制作,只需要在各个动态面板里面添加文字,然后设置自动循环的事件,让动态面板的状态为next循环,并且加一个向左滑动的效果。

但是如果仅通过动态面板的滑动动画会存在缺点,因为它的滑动不是匀速的,在面板状态更换时会停下来1s左右。

Axure基础详解十一:循环弹幕效果_第2张图片

你可能感兴趣的:(Axure基础运用,axure)