flex 实现文本滚动的第三种方法
2009-03-13 17:58
323 查看
前面写了2种文本内容自动滚动的例子,这里写上第三种,用timer事件
1,在mxml中设置:
<mx:Canvas id="ct" bottom="60" top="30" width="100%" x="10" backgroundAlpha="0" verticalScrollPolicy="off" horizontalScrollPolicy="off" >
<mx:Text x="0" width="100%" height="100%" id="scrollTxt" y="-20" themeColor="#FFFFFF" />
</mx:Canvas>
2,在Script中:
import flash.utils.Timer;
import flash.events.TimerEvent;
private var delay:uint = 10; //这里设置时间间期,
private var myTimer:Timer = new Timer(delay); //循环timer,次数是无限
private function init():void
{
myTimer.start();
myTimer.addEventListener(TimerEvent.TIMER, timerHandler);
}
private function timerHandler(evt:TimerEvent):void{
if (scrollTxt.htmlText.length == 0)
return;
scrollTxt.y--;
if (-scrollTxt.y == scrollTxt.height)
scrollTxt.y = scrollTxt.height - 50;
}
以上就完成了文本内容滚动的情况,这里采用的方法是当文本的坐标和高度,当文本的坐标(不断移动)为文本的高度时,就重新设置文本的y坐标为底部坐标,从而实现了循环滚动效果
1,在mxml中设置:
<mx:Canvas id="ct" bottom="60" top="30" width="100%" x="10" backgroundAlpha="0" verticalScrollPolicy="off" horizontalScrollPolicy="off" >
<mx:Text x="0" width="100%" height="100%" id="scrollTxt" y="-20" themeColor="#FFFFFF" />
</mx:Canvas>
2,在Script中:
import flash.utils.Timer;
import flash.events.TimerEvent;
private var delay:uint = 10; //这里设置时间间期,
private var myTimer:Timer = new Timer(delay); //循环timer,次数是无限
private function init():void
{
myTimer.start();
myTimer.addEventListener(TimerEvent.TIMER, timerHandler);
}
private function timerHandler(evt:TimerEvent):void{
if (scrollTxt.htmlText.length == 0)
return;
scrollTxt.y--;
if (-scrollTxt.y == scrollTxt.height)
scrollTxt.y = scrollTxt.height - 50;
}
以上就完成了文本内容滚动的情况,这里采用的方法是当文本的坐标和高度,当文本的坐标(不断移动)为文本的高度时,就重新设置文本的y坐标为底部坐标,从而实现了循环滚动效果
相关文章推荐
- Flex TextArea文本自动滚动方法
- Android TextView多行文本滚动实现与ScrollView的滚动条为隐藏的方法
- Android开发中TextView文本过长滚动显示实现方法分析
- 原生JS实现图片无缝滚动方法(附带封装的运动框架)
- PHP简单实现文本计数器的方法
- PHP简单实现文本计数器的方法
- 用.net 编码实现朗读文本的方法
- flex中实现marquee效果(由下而上滚动)
- 使用Canvas的drawTextOnPath方法实现沿着Path绘制文本
- Python实现简单文本字符串处理的方法
- JS实现选择TextArea内文本的方法
- 实现HorizontalScrollView随ViewPager滚动的简易方法
- GridView实现滚动到指定位置的方法
- Flex 文本内容循环滚动效果
- 输出的文本实现对齐的方法(超简单)
- html textarea 自动在底部滚动的实现方法------终于搞定你
- jQuery简单实现input文本框内灰色提示文本效果的方法
- Android 文字自动滚动(跑马灯)效果的两种实现方法
- jQuery实现浮动层随浏览器滚动条滚动的方法
- java使用itext导出PDF文本绝对定位(实现方法)