Flex之跑马灯效果
来源：互联网 发布：linux下安装canda 编辑：程序博客网 时间：2024/05/18 16:19
首先申明：
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:halo="library://ns.adobe.com/flex/halo" minWidth="955" minHeight="600" width="1364" height="766" creationComplete="init();initApp();initjason();" initialize="application1_initializeHandler(event);applicationWeather_creationCompleteHandler(event);" xmlns:flexiframe1="com.google.code.flexiframe.*" xmlns:marquee="com.bc.mar.app.*" >
然后在com.bc.mar.app包下面：/** * * 信息滚动显示(跑马灯控件) * @version * <pre> * 修改版本: 1.0.0 * 修改日期：2009-1-15 * 修改人 : zhang * 修改说明：形成初始版本 *</pre> * * * 功能： * 1.直接将某TextField转换为跑马灯文本 changeTextFieldToMarqueeText * 2.动态设定显示宽度 width * 3.动态设定一次移动间隔时间 delay * 4.动态设定一次移动间隔距离 step * 5.设定默认文本显示样式 defaultTextFormat * 6.动态设定文本显示样式 setTextFormat * */package com.bc.mar.app{import flash.events.MouseEvent;import flash.events.TimerEvent;import flash.geom.Rectangle;import flash.text.TextField;import flash.text.TextFieldAutoSize;import flash.text.TextFormat;import flash.utils.Timer;import mx.core.UIComponent;public class BroadCastMarquee extends UIComponent{[Bindable]private var broadcastText:String="broadcast message";private var m_timer:Timer;private var m_DefaultText_X:Number=0;//每次移动距离private var m_step:Number=10;//滚动范围private var m_rect:Rectangle;//移动时间间隔private var t_delay:Number=100;//广播信息滚动宽度private var m_Width:Number;//滚动方向属性[Inspectable(defaultValue="left",enumeration="right,left", category="direction", type="String")]public var ScrollDirection:String="left";//显示内容样式[Bindable]private var m_TextFormat:TextFormat=new TextFormat("Verdana","10","#0b333c");/**广播信息内容显示控件*/private var m_BroadCastText:TextField;//private var m_BroadcastLabel:Label;public function BroadCastMarquee(){super();InitBroadcast();addEventListener(MouseEvent.MOUSE_OVER,rollOverHandler);addEventListener(MouseEvent.ROLL_OUT, rollOutHandler);}/**初始化*/private function InitBroadcast():void{/**广播信息显示控件初始化*/m_BroadCastText=new TextField();m_BroadCastText.autoSize=TextFieldAutoSize.LEFT;m_BroadCastText.multiline=false;m_BroadCastText.selectable=false;m_BroadCastText.x=m_BroadCastText.y=m_DefaultText_Xm_BroadCastText.wordWrap=false;m_BroadCastText.text=broadcastText;//m_BroadCastText.defaultTextFormat=m_TextFormat;addChild(m_BroadCastText);this.m_Width=this.width;m_rect=new Rectangle(0,0,this.width,this.m_BroadCastText.textHeight);this.m_BroadCastText.scrollRect=m_rect;m_timer = new Timer(t_delay);ScrollBroadText();} /** * 如果有新的广播消息,或者长度改变进行滚动显示 * */private function ScrollBroadText():void{if(this.m_timer!=null){//停止移动StopMoveBroadcast();if(this.broadcastText!=""){m_timer.addEventListener(TimerEvent.TIMER, timerhandler);m_timer.start();}// Math.abs(}}/**控制滚动信息*/private function timerhandler(evt:TimerEvent):void{if(this.m_BroadCastText.textWidth>0){if(ScrollDirection.toLowerCase()=="left"){if(m_rect.x<=this.m_BroadCastText.textWidth){// this.m_BroadCastText.x+=(-this.m_step);m_rect.x+=this.m_step;}else{//this.m_BroadCastText.x=m_DefaultText_X+this.m_BroadCastText.textWidth;m_rect.x=-(m_DefaultText_X+this.m_Width);}}else{if(Math.abs(m_rect.x)<=this.m_BroadCastText.textWidth){m_rect.x-=this.m_step;}else{this.m_rect.x=m_DefaultText_X;}}m_BroadCastText.scrollRect = m_rect;}else{//停止移动StopMoveBroadcast();}}/**停止移动*/private function StopMoveBroadcast():void{if(m_timer!=null){this.m_timer.stop();if(m_timer.hasEventListener(TimerEvent.TIMER))m_timer.removeEventListener(TimerEvent.TIMER, timerhandler);m_BroadCastText.x=this.m_DefaultText_X;m_rect.height = m_BroadCastText.height;// this.height=m_rect.height;m_BroadCastText.scrollRect = m_rect;}}/**************************广播信息处理事件*********************************//**鼠标经过处理事件*/protected function rollOverHandler(event:MouseEvent):void{if(this.m_timer!=null&&this.broadcastText!=""){this.m_timer.stop();}}/**鼠标离开处理事件*/protected function rollOutHandler(event:MouseEvent):void{if(this.m_timer!=null&&this.broadcastText!=""){this.m_timer.start();}}/**************************广播信息属性*************************************//**移动时间间隔*/public function set BroadCastDeplay(value:Number):void{this.m_timer.delay=value;}/**设置广播信息内容*/public function set BroadCastText(value:String):void{this.m_BroadCastText.text=value;ScrollBroadText();}/**取得广播信息内容*/public function get BroadCastText():String{return this.broadcastText;}/**广播信息宽度宽度*/public override function get width():Number{return this.m_Width;}public override function set width(width:Number):void{this.m_Width=width;this.m_rect.width=this.m_Width;this.m_BroadCastText.scrollRect=this.m_rect;ScrollBroadText();// this.m_BroadCastText.setTextFormat}/**设置滚动方向('left' or 'right')*/public function set Direction(value:String):void{this.ScrollDirection=value;ScrollBroadText();}/**设置字体格式化样式*/public function set defaultTextFormat(format:TextFormat):void{this.m_BroadCastText.defaultTextFormat=format;this.setTextFormat(format);//}public function setTextFormat(format:TextFormat, beginIndex:int = -1, endIndex:int = -1):void{m_BroadCastText.setTextFormat(format, beginIndex, endIndex);ScrollBroadText();}/**字体大小*/public function set fontSize(value:Object):void{this.m_TextFormat=new TextFormat(this.m_TextFormat.font,value,this.m_TextFormat.color);this.m_BroadCastText.setTextFormat(this.m_TextFormat,-1,-1);}/**字体名称*/public function set fontFamily(value:String):void{this.m_TextFormat=new TextFormat(value,this.m_TextFormat.size,this.m_TextFormat.color);this.m_BroadCastText.setTextFormat(this.m_TextFormat,-1,-1);}/**字体颜色*/public function set color(value:Object):void{this.m_TextFormat=new TextFormat(this.m_TextFormat.font,this.m_TextFormat.size,value);this.m_BroadCastText.setTextFormat(this.m_TextFormat,-1,-1);}/**是否是粗体*/public function set fontWeight(value:Object):void{this.m_TextFormat=new TextFormat(this.m_TextFormat.font,this.m_TextFormat.size,this.m_TextFormat.color,value)this.m_BroadCastText.setTextFormat(this.m_TextFormat,-1,-1);}}}
最后在mxml中使用之:<marquee:BroadCastMarquee id="welcomeInfo" styleName="marquee" width="278" height="25" BroadCastDeplay="800" BroadCastText="欢迎各位领导！" ScrollDirection="left" x="46" filters="{[bevel]}" fontFamily="微软雅黑" > </marquee:BroadCastMarquee>
- Flex之跑马灯效果
- flex 跑马灯效果
- Flex “跑马灯”效果（自定义“跑马灯”控件）
- Flex “跑马灯”效果（自定义“跑马灯”控件）
- 用flex 实现跑马灯效果控件
- android效果之跑马灯
- Android开发之跑马灯效果
- Android开发之跑马灯效果
- Android开发之跑马灯效果
- Android控件之TextView跑马灯效果
- Android复习之textview跑马灯效果
- TextView控件之跑马灯效果
- TextView控件之 跑马灯效果
- Android 跑马灯效果
- 跑马灯效果
- android跑马灯效果
- IOS 跑马灯效果
- android跑马灯效果
- ABAP--显示修改数据（tables CDHDR and CDPOS）
- 为应用程序添加脚本支持
- 如何在richtextbox里实现网址的超链接，当点击该网址时就会打开网站
- 数据存储 堆栈和堆 thinking in java
- C++和C#进程之间通过命名管道通信
- Flex之跑马灯效果
- GDB debug segmentation fault
- ORA-12801 15154 Oracle 10g Logical Standby
- JS刷新当前页面
- 移动系统需要新的引领者 移动系列感受
- 编译带补丁vimgdb 的 vim7.3
- Linux slab 分配器剖析
- sql 字符类型定义问题
- Rotate Scrum Master
