哈喽,大家好!今天给大家介绍如何使用Axure制作弹幕滚动的交互效果。
【案例预览地址含下载】电脑打开链接:https://6mltn9.axshare.com
【完整案例作品预览含下载】电脑打开链接:https://wt9cla.axshare.com
一、案例介绍
【视频教程】:哔哩哔哩视频
首先,让我们来看下效果展示:这个就是弹幕滚动效果。接下来,我们看下如何制作。
【效果预览】
二、案例步骤
首先,我们画下弹幕的组件,如图所示:
全选右击,将其转换为动态面板,双击进入到动态面板中,再新建一个面板状态。绘制状态2中的的弹幕组件,如图所示:
动态面板设置完成后,给动态面板设置载入时的交互事件,设置动作为设置面板状态,目标元件选择当前元件。选择下一项,设置向后循环,进入动画和退出动画选择向上滑动并线性运动,更多选择设置循环间隔为1000毫秒。
设置完成后, 我们预览看下效果,看到弹幕滚动的效果就实现了。
以上就是本次教程的全部内容,那我们下一个视频再见啦!