flex 滚动信息 flexMarquee.mxml，消息从各个方向出来的都有

原文件:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" horizontalAlign="left" width="550" height="550" layout="vertical" xmlns:local="*">
 <mx:Label text="文字垂直滚动：" fontWeight="bold" fontSize="13"/>
 <mx:HBox>
 <local:flexMarquee width="245" height="200" mode="vb2t" dropShadowEnabled="false" durationTime="6000"
   title="公告板" titleIcon="@Embed(source='assets/gg.png')"
   marqueeText="some text here&lt;br&gt;some text here&lt;br&gt;some text here"/>
 <local:flexMarquee width="245" height="200" mode="vt2b" dropShadowEnabled="false" durationTime="6000"
   title="公告板" titleIcon="@Embed(source='assets/gg.png')"
   marqueeText="some text here&lt;br&gt;some text here&lt;br&gt;some text here"/>
 </mx:HBox>
 <mx:Label text="文字水平从右往左滚动：" fontWeight="bold" fontSize="13"/>
 <local:flexMarquee width="500" height="200" mode="hr2l" dropShadowEnabled="false" durationTime="7000"
   title="公告板" titleIcon="@Embed(source='assets/gg.png')"
   marqueeText="some text here&lt;br&gt;some text here&lt;br&gt;some text here"/>
 <mx:Label text="文字水平从右往左滚动（无标题，带HTML标签）：" fontWeight="bold" fontSize="13"/>
 <local:flexMarquee width="500" height="200" mode="hr2l" dropShadowEnabled="false" durationTime="7000"
   marqueeText="&lt;font color='#ff0000'&gt;1. some text here&lt;/font&gt;&lt;br&gt;&lt;font color='#ff0000'&gt;2. &lt;a href='http://sports.sina.com.cn/nba' target='_blank'&gt;链接到新浪NBA&lt;/a&gt;&lt;/font&gt;&lt;br&gt;some text here"/>
 <mx:Label text="文字水平从左往右滚动：" fontWeight="bold" fontSize="13"/>
 <local:flexMarquee width="500" height="200" mode="hl2r" dropShadowEnabled="false" durationTime="7000"
   title="公告板" titleIcon="@Embed(source='assets/gg.png')"
   marqueeText="some text here&lt;br&gt;some text here&lt;br&gt;some text here"/>
</mx:Application>

组件flexMarquee.mxml的代码

<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns:mx=" http://www.adobe.com/2006/mxml" creationComplete="complete()"
 fontSize="13" horizontalCenter="0" verticalCenter="0" borderThicknessLeft="2" borderThicknessBottom="2"
  borderThicknessRight="2" borderThicknessTop="2">
 <mx:Script>
  <![CDATA[
   import mx.controls.Alert;
   private var durationtime:Number;
   public var durationTime:Number=5000;
   public var mode:String="vb2t";//vb2t:下往上滚动；vt2b:上往下滚动；hl2r:左往右滚动；hr2l:右往左滚动
   public var marqueeText:String="flexMarquee text here<br>flexMarquee text here<br>flexMarquee text here<br>flexMarquee text here<br>flexMarquee text here<br>flexMarquee text here<br>flexMarquee text here<br>flexMarquee text here<br>flexMarquee text here<br>flexMarquee text here<br>flexMarquee text here<br>flexMarquee text here<br>flexMarquee text here<br>flexMarquee text here<br>flexMarquee text here<br>flexMarquee text here";
   
   private function complete():void
   {
    if(this.title==""){
     this.setStyle("headerHeight",0);
     //重新定义cs的高度
     cs.height+=28;
    }
    //假如没有标题，将PANEL的headerHeight设为0
    if(mode=="hl2r" || mode=="hr2l"){
     tt.height=25;
     this.height=(this.title==""?28:60);
     cs.height=23;
     tt.x=3;
     tt.y=1;
     var tempA:Array;
     if(marqueeText.indexOf("<br>")>=0){
      tempA=marqueeText.split("<br>");
      marqueeText=tempA.join("    ");
     }
     if(marqueeText.indexOf("&lt;br&gt;")>=0){
      tempA=marqueeText.split("&lt;br&gt;");
      marqueeText=tempA.join("    ");
     }
    }else{
     tt.width=cs.width-6;
     tt.x=3;
     tt.y=1;
    }
    tt.htmlText=marqueeText;
    tt.validateNow();
    if(mode=="hl2r" || mode=="hr2l"){
     durationtime=(tt.textWidth<=250?durationTime:Math.round(tt.textWidth/250*durationTime));
    }else{
     durationtime=(tt.textHeight<=250?durationTime:Math.round(tt.textHeight/250*durationTime));
    }
    //设置文字。若为横向移动，将换行符改为适当的空格
    //根据不同模式调整区域大小及文字滚动的方向
    switch(mode){
     case "hl2r":
      
      move_up.xFrom=0-tt.textWidth+6;
      move_up.xTo=cs.width-6;
      break;
     case "hr2l":
      move_up.xFrom=cs.width-6;
      move_up.xTo=0-tt.textWidth+6;
      break;
     case "vt2b":
      move_up.yFrom=0-tt.textHeight+6;
      move_up.yTo=cs.height-6;
      break;
     default:
      //Alert.show(tt.height+"---"+tt.textHeight);
      move_up.yFrom=cs.height - 6;
      move_up.yTo=0 - tt.textHeight + 6;
    }
    move_up.repeatCount=0;
    //loop
    move_up.repeatDelay=0;
    //loop time
    move_up.duration=durationtime;
    //the time of scroll once
    move_up.play();
   }

   private function move_pause():void
   {
    move_up.pause();
   //pause
   }

   private function move_resume():void
   {
    move_up.resume();
   //start from the pause position
   }
  ]]>
 </mx:Script>
 <mx:Move id="move_up" target="{tt}"/>
 <mx:Canvas id="cs" width="100%" height="100%" left="0" top="0" verticalScrollPolicy="off" horizontalScrollPolicy="off" mouseOver="move_pause()" mouseOut="move_resume()">
  <mx:Text id="tt" left="3" top="1" horizontalCenter="0" verticalCenter="0">
  </mx:Text>
 </mx:Canvas>
</mx:Panel>