前端 · 2013 年 1 月 18 日

flex中使用move制作文字滚动效果

定义一个滚动事件,及要滚动的目标:

<fx:Declarations>
<s:Move id=”move_up” target=”{moveText}” />
</fx:Declarations>

定义滚动的效果:

<fx:Script>
<![CDATA[
private function init():void
{
move_up.xFrom= 500;  //滚动的起始坐标
move_up.xTo= 0 – moveText.width;         //滚动的结束坐标
move_up.repeatCount= 0; //循环次数 0为不限
move_up.repeatDelay= 0; //循环间隔时间
move_up.duration= 20000; //滚动一次所需要的时间
move_up.play();
}
]]>
</fx:Script>

滚动的文字如下:

<s:Label height=”12″ y=”9″ id=”moveText”  text=”这里是一行滚动的文字哦!你还可以设置xFrom和xTo或者yFrom和yTo来决定文字滚动的方向!” styleName=”f12 greenWord” />

最后别忘了在头部初始化一下:

creationComplete=”init()”