点击解锁VIP可享全站免费下载 零基础搭建绿幕直播间卖货赚钱 闪豚AI训练★批量生成原创好文章 本广告位待租本广告位待租待租
点击解锁VIP可享全站免费下载 零基础搭建绿幕直播间卖货赚钱 高质量SEO原创文章生成☆过AI检测 本广告位待租本广告位待租待租
点击解锁VIP可享全站免费下载 零基础搭建绿幕直播间卖货赚钱 NLP原创SEO文章AI自动生成教学 本广告位待租本广告位待租待租

温馨提示:需广告位请联系广告商务经理

【Axure教程】循环弹幕

Hello,今天教大家在Axure里面制作循环弹幕的效果。效果主要包括了弹幕的移动和自动循环。 原型预览地址:https://o3klkb.axshare.com 一、思路讲解 在…

你好,今天我来教你在Axure中制作圆形弹幕的效果。效果主要包括弹幕的移动和自动循环。

预览地址:https://o3klkb.axshare.com

一、思路讲解

在制作之前,作者尝试了几种制作方法,在此与大家分享。

1. 用多个动态面板制作

这种方法的优点是极其简单。我们只需要在每个动态面板中添加文字,然后设置自动循环的事件,使动态面板的状态为next loop,并向左添加一个滑动效果。

但如果只用动态面板的滑动动画,会有弊端,因为它的滑动并不均匀,面板状态变化时会停1s左右。

2. 用移动事件制作

如果用移动事件来制作,可以避免上述问题,但会比制作动态面板复杂。思路是通过设置两个弹幕组,设置动态面板的大小,只显示一个弹幕组的位置,然axure官网后弹幕组同时移动。当第一个弹幕组移出动态面板左侧位置时,会瞬间移动到最右侧继续移动,两个弹幕组继续循环。

那我们开始教吧:

二、材料准备

动态面板*1——将动态面板调axure和墨刀的区别整到合弹幕总想让我谈恋爱适的大小,并取消选中自动调整内容大小。

文本标签*N——创建多个文本标签,填充弹幕文本,调整颜色、大小和位置;分成两个弹幕组合1和2,第一个组合放在动态面板内部,第二个组合放在动态面循环电视剧板右侧。因为打开的时候没弹幕抽四个水友随我征战lpl有弹幕,弹幕组合1一开始是隐藏的。

文本标签*2——这里用了两个标签作为触发事件循环的拼音,后面会详细描述,默认隐藏。

三、交互axure和墨刀的区别设置

1. 弹幕组合2的交互

移动——将弹幕组合2向右移动到-this.width的位置,教程英语即整个组合移出动态面板的左侧。这里动画时间设置为20000ms,可以根据实际情况设置axure教程移动速度。

等待——的滑动时间和上面的一样,所以滑动后他会继续做下面的交互,所以他教程英语会等待20,000 ms

触发——触发循环事件2鼠标点击时用于连续循环,后面讲循环事件交互时会详细介绍。

2. 弹幕组合1的交教程之家

隐藏——隐藏了弹幕组合1,因为它位于动态面板的房间里,打开时没有弹幕。

移动——将弹幕组合1向右移动到-this.width的位置,即整个组合移出动态面板的左侧。这里动画时间设置为组合2的一半,因为是距离的一半,也就是1循环小数0,000 ms,你可以根据实际情况设置移动速度。

等待——的滑动时间和上面一样,当他完成滑动后,会继续做下面的交教程视频怎么制作方法互。

显示——显示当前组件。

触发——触发循环axure下载事件1鼠标点击时用于连续循环,后面讲循环事件交互时会详细介绍。

3. 循环事件1的交互

移动——将弹幕组合1

移动到动态面板的右面边缘的位置,LVAR1.width就是动态面板的宽度,这里注意我们是瞬间移动的,所以不需要加时间。

移动——瞬教程的意思间移动完之后,我们继axure教程续将弹幕组合1向右移动到-target.width的位置,并且设置动画时间为20000ms;这里弹幕念tan还是dan和上面载入时的时间说明一下,因为载入的时候,他就在面板里面,所以移动的时间是一半,移动完成之后,我们把它移到动态面板右边边缘的位置,所以是两倍距离,所以时间也是两倍。

等待——和上面滑动时间一致,等他滑动完在继续做下面的交互,所axure下载以等待20000ms。

触发——触发当前循环事件1鼠标单击时循环小数化分数的方法,这样就可以实现不断循环了。

4. 循环事件2的交互

这里2的事件基本和1的一致,只是将移动的目标从1改成2。

移动——将弹幕组合2移动到动态面板的右面边缘的位置,LVAR1.width就是动态面板的宽度,这里注意我们是瞬间移动的,所循环以不需要加时间。

移动——瞬间移动完之后,我们继续将弹幕组合2向右移动到-target.waxure基础教程idth的位置,并且设置动画时间为20000ms。

等待循环的拼音——和上面滑动时间一致,等他滑动完在继续做下面的交互,所以等待20000ms。

触发——触发当前循环事件2鼠标单击时,这样就可以实现不断循环了。

那这样一个高保真的循环弹幕就制作完成了。

四、后续拓展

有的同学可能会问:这样的弹幕都是一样的,如弹幕主义果想每条弹幕都不一样怎么操作?

其实这也不难,我们可以新建循环小数化分数的方法一个中继器,然后比如一个组合有10个标签,我们就设定10列,将中中继器每列的值设置到对应的文本标签内,中继器分多页显循环系统示,每页值显示1行。在触教程之家发事件的时候,设置中继器翻到下一页,那么新的文本就会补充上。有兴趣的同学可以自己试试哈。

那以上就是本期全部内容了,感谢您的阅读,我们下期见,88~~~

免责说明

本站资源大多来自网络,如有侵犯你的权益请提交工单反馈(点击进入提交工单) 或给邮箱发送邮件laakan@126.com 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!

给TA打赏
共{{data.count}}人
人已打赏
!
也想出现在这里? 联系我们
广告信息
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索