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

访客4年前黑客工具420

我们常常在刷文章和视频的时候看到赛马灯结果,他们常常被用在告白和弹幕上利用。本文作者先容了如何用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) 最后,我们预览看下结果

结语

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

相关文章

剖析102家公司会员模式(7):饿了么会员分析

剖析102家公司会员模式(7):饿了么会员分析

编辑导读:饿了么是最常用的外卖APP之一,许多工钱了利便和省钱,会选择开通饿了么会员。为了留住老用户,吸引新客户,饿了么会给以会员多种身份权益,提高他们的粘性。本文将拆解饿了么的会员体系,对其举办三方...

比私域流量更重要的,是私域流量的质量

比私域流量更重要的,是私域流量的质量

编辑导读:私域流量,这个前两年已经呈现过的观念在这次疫情期间又从头火起来。每个企业都在摸索本身私域流量的玩法,有些企业固然建了许多微信群,转化率却很是低,这是为什么呢?本文从四个方面临这个问题展开阐明...

为什么不成交?因为不会制造获得感!

为什么不成交?因为不会制造获得感!

编辑导读:如何叙述一个产物的卖点和性价比,使得用户能感知到而且促成生意业务呢?文案中浮现的“得到感”,是促进成交的重要因素。本文作者环绕“得到感”举办阐明,但愿对你有辅佐。 得到感是超等文案的特质,...

关于撮合,你需要知道这几点

关于撮合,你需要知道这几点

编辑导读:经商就是差异需求的团结,有时候需要中间商在个中笼络,譬喻直播带货就是主播笼络品牌和消费者。这个中涉及到很是多的业务流程和非尺度化操纵,并不是简朴的平台笼络。本文作者将环绕“笼络”提出本身的一...

运营面试技巧之系列四:如何提升产品的转化率?

运营面试技巧之系列四:如何提升产品的转化率?

编辑导读:在举办运营口试的时候,你大概会被问到这样的问题:如何晋升产物的转化率呢?针对这个问题,你会怎么答复呢?本文作者模仿了口试中大概会呈现的三种环境,并一一举办阐明,但愿对你有辅佐。 请问,你是...

数字化营销如何赋能在线教培行业,实现最终获客目的?

数字化营销如何赋能在线教培行业,实现最终获客目的?

编辑导语:在线教诲,是通过应用信息科技和互联网技能举办内容流传和快速进修的要领。与传统线下教诲方法对比,在线教诲具有效率高、利便、低门槛、解说资源富厚的特点。近几年,在技能、市场与政策的配合推进下,中...