大家对观看视频时出现的弹幕应该很熟悉，很多时候甚至觉得弹幕比视频本身更具趣味性，因此，目前大多数视频网站或视频应用都配备了这一弹幕功能。鉴于这一功能的重要性，那么在axure原型设计中开yun体育app官网网页登录入口，又是如何实现这一功能的呢？本文将向大家介绍如何设计出逼真的弹幕原型图。
第一步：放置相关控件
首先，我们需要准备好背景图，这通常是一张手机轮廓的图案以及一段视频的截图。鉴于《三生三世》近期人气颇高，因此这里我选择截取幂姐的一张照片作为背景图。
然后云开·全站体育app登录，拖拉一个动态面板至视频截图的上方，并命名为“弹幕”。
最终，在“弹幕”界面的State1状态部分，分两排摆放了若干个文本标识，这些标识的文字内容并无特定要求，因为大家发送弹幕时通常也是随心所欲的；而且，这些标识的字体颜色是白色与橙色相互交织，呈现出一种随机的色彩搭配。必须明确指出，所有文本标签的总长度必须达到动态面板长度的一倍，且需分为两部分：前半部分合并为一个整体，并命名为“弹幕文字1”；后半部分同样合并为一个整体，并命名为“弹幕文字2”。
第二步：设置“弹幕”动态面板的载入时用例
首先，我们将变量OnLoadVariable的值设定为0；接着，我们启动并显示名为“弹幕”的动态面板。
第三步：设置“弹幕”动态面板的显示时用例
首先，需设定一个显示用例，其条件为“OnLoadVariable”的值等于零。接着，为该用例配置以下六个操作步骤：，
“弹幕文字1”与“弹幕文字2”均沿x轴向左平行移动，移动幅度等同于“弹幕”动态面板的宽度，其移动轨迹呈直线型，整个过程耗时为10000毫秒。
确保延迟时间为零毫秒，绝对不能遗漏这一环节，否则循环将无法启动；将“弹幕”动态面板进行隐藏；使“弹幕文字1”沿x轴向右移动，移动距离为两个“弹幕”动态面板的宽度；将变量OnLoadVariable的值设为1；最后，展示“弹幕”动态面板。
随后，需额外加入一个示例，其触发条件设定为当OnLoadVariable变量值为1时，并为该示例配置以下六个操作步骤：
“弹幕文字1”与“弹幕文字2”均沿x轴左侧移动，其移动距离等同于“弹幕”动态面板的宽度kaiyun全站网页版登录，此移动过程呈线性，耗时10000毫秒；随后，暂停0毫秒，确保循环能够继续；接着，将“弹幕”动态面板隐藏；“弹幕文字2”再沿x轴右侧移动，移动距离为两个“弹幕”动态面板宽度的总和；将变量OnLoadVariable的值设为0；最后，重新显示“弹幕”动态面板。
搞定，点击预览就可以看到弹幕不断地循环地飘过。
起初，我计划采用动态面板模仿轮播图的方式来完成，然而实际效果却很不理想；这是因为轮播图在切换时总会有一个缓冲阶段，这导致循环不够流畅。鉴于此，我最终采用了上述所述的方法来达成目标。
坚持分享axure原型设计小技巧，希望对大家有帮助。
