Axure教程: *** 弹幕跑马灯效果

访客4年前黑客工具426

我们常常在刷文章和视频的时候看到赛马灯结果,他们常常被用在告白和弹幕上利用。本文作者先容了如何用Axure实现弹幕赛马灯结果的操纵步调,以及实现进程中的一些心得体会,与各人分享。

Axure教程:建造弹幕赛马灯结果

01 前期筹备

软件:Axure 9.0

硬件:Windows/Mac电脑

思考:实现赛马灯结果前的思考(可参考下图)

Axure教程:建造弹幕赛马灯结果

02 教程

(1)先筹备赛马灯的展示框,这里我们可以拖动一个矩形定名为“LED屏”,将它配置为x=500,y=50

Axure教程:建造弹幕赛马灯结果

(2)筹备一段赛马灯文字,拖动一个文字元件并定名“文字”,放在矩形框的最右边,如下图

Axure教程:建造弹幕赛马灯结果

(3)接下来我们就要思考怎么让文字动起来,说到动起来我们就应该想到动态面板的利用,我们拖一个动态面板出来,定名为“轮回状态“,并将动态面板配置为2个以上的状态。

Axure教程:建造弹幕赛马灯结果

(4)为了能让文字动起来,我们还需要将矩形转化为动态面板,并将文字放在动态面板的状态中,这时候记着内里文字的位置。

Axure教程:建造弹幕赛马灯结果

(5)接下来思考怎么让它动起来,我们需要在页面加载时,让“轮回状态”动态面板不断的切换状态,担保轮回这个状态。

Axure教程:建造弹幕赛马灯结果

(6)接下来,让文字从左边移动到右边,也就是添加状态改变时的交互。

适才我们已经记下了文字的初始位置是500,这里我们就需要区分什么时候从左到右移动,必然是在起点开始,所以我们要先确定文字的位置在那边,就用到局部变量这个元件。添加景象1

Axure教程:建造弹幕赛马灯结果

(7)新建状态改变时交互的景象1后,我们需要做的就是让文字从左边移动到右边,如下图,数字就是我上面提到的文字的位置,因为最后走到右边相当于负的文字位置即-914

Axure教程:建造弹幕赛马灯结果

(8)复制景象1交互,修改为如下内容变为景象2,就可以让文字达到左边后顿时回到右边来。

Axure教程:建造弹幕赛马灯结果

(9) 最后,我们预览看下结果

结语

固然步调较量多,但其实很简朴,只有僵持住,就能看到进修成就。

相关文章

观察100个案例后,我总结了知识付费裂变的底层方法论

观察100个案例后,我总结了知识付费裂变的底层方法论

编辑导读:人们对付常识的盼愿是永无尽头的,因此常识付费一直是颇受接待的规模。可是近些年来同范例的企业不绝涌现,获客本钱越来越高,裂变勾当也越来越难做。本文作者调查了100个案例后,总结出了做好常识付费...

用“比”来驱动产品增长

用“比”来驱动产品增长

编辑导语:我们在日常糊口中和事情中不免会举办较量,小到买菜时的挑挑捡捡,大到一款产物的开拓和推广,都可以通过“比”来到达本身满足的功效。固然说起来很简朴,可是我们应该如何通过实践,用“比”来驱动产物增...

盲盒背后的上瘾密码——盲盒经济学

盲盒背后的上瘾密码——盲盒经济学

编辑导读:近几年,开盲盒溘然又火热了起来。不只呈现了各类百般的品牌,开盲盒的方法也八门五花。盲盒为何会让这么多人上瘾?开盲盒的人是什么样的心理?本文对盲盒令人上瘾的背后暗码举办了阐明接头,一起来看看~...

没有原型还想做品牌?别逗了!

没有原型还想做品牌?别逗了!

编辑导读:作为一个品牌,想要走进用户的心里,就需要有一个奇特而光鲜的形象。回首汗青,乐成的品牌都有鲜活的人格。想要塑造人格,首先得找到原型。那么,奈何才气找到一个适合本身的品牌原型呢?本文将从三个方面...

抖音的电商豪赌究竟是为什么

抖音的电商豪赌究竟是为什么

编辑导语:从9月6日起,抖音第三方平台来历商品直播分享需要通过巨量星图平台匹配直播带货达人;从10月9起,第三方来历的商品将不再支持进入直播间购物车,小店平台来历商品不受影响。同时,这些政策仅针对直播...

杜蕾斯因内涵广告被罚81万,“擦边球式”营销还能火多久?

杜蕾斯因内涵广告被罚81万,“擦边球式”营销还能火多久?

编辑导读:克日,杜蕾斯因为内在告白被罚81万元,引起了人们的遍及接头。曾经杜蕾斯作为社交营销好手,其文案一直是许多公司进修的模范,可是近些年一直打“擦边球”的营销却引起了许多人的不适。本文作者对此次事...