当前位置: 首页 > 图文教程 > Flash动画 > ActionScript > Flash AS文本字段的透明度alpha变换

ActionScript
将FlashVars写在JS函数中,实现变量更新与后台同步
Flash与Flex3结合学习心得体会
Flash AS简单制作画线条动画
Flash教程:如何把库中的元件加载到场景中
Flash AS3运行错误参考文档
Flash AS3制作自由落体运动代码解析
多层级加载相对路径遇到的问题解决方法
加载PNG后其透明区域不响应事件
AS3教程:按顺序播放多个FLV视频
Flash AS与JS的互动
Flash AS实例:智力过河小游戏源代码
Flash as教程:图片模糊运动
Flash AS3实例教程:物体运动速度向量(velocity)
Flash AS3.0教程:学习帧循环的运用
Flash AS3动态改变影片剪辑元件颜色
Flash AS 制作创意的鼠标经过的网页导航
Flash AS实例教程 会眨眼的美女
Flash AS2实例 跳动的小球动画效果
Flash AS3实例:制作好看的七彩小球动画
AS2.0高级滤镜效果如何用在JPG图片上

ActionScript 中的 Flash AS文本字段的透明度alpha变换


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-30   浏览: 217 ::
收藏到网摘: n/a

因为TextField不支持对alpha的变换,因此需要对其进行一些操作,有两种方法:

第一是使用BitmapData去绘制,然后对Bitmap进行操作,这个方法代码量稍微偏多,这里不做赘述。

第二种是使用ColorMatrixFilter过滤器。

//Code:
  1. package com.drore.map.view
  2. {
  3.  import flash.display.Sprite;
  4.  import flash.events.Event;
  5.  import flash.text.TextField;
  6.  import flash.filters.ColorMatrixFilter;
  7.  
  8.  /**
  9.   * 动态生成鼠标提示
  10.   * @author Dada http://www.asflex.cn
  11.   * @version 5.0
  12.   * @copy Drore http://www.drore.com
  13.   */
  14.  public class MouseTip extends Sprite
  15.  {
  16.   private var txtTips:TextField = new TextField();
  17.   public function MouseTip()
  18.   {
  19.    addEventListener(Event.ENTER_FRAME, init);
  20.   }
  21.   private function init(event:Event):void
  22.   {
  23.    removeEventListener(Event.ENTER_FRAME, init);
  24.    txtTips.selectable = false;
  25.    txtTips.tabEnabled = false;
  26.    txtTips.mouseEnabled = false;
  27.    txtTips.cacheAsBitmap = true;
  28.    txtTips.multiline = false;
  29.    //设置滤镜
  30.    txtTips.filters=[new ColorMatrixFilter];
  31.    addChild(txtTips);
  32.   }
  33.   //设置提示文字
  34.   public function setText(txt:String):void
  35.   {
  36.    txtTips.text = txt;
  37.    txtTips.width = txtTips.textWidth + 10;
  38.    drawBg();
  39.   }
  40.   //绘制背景
  41.   private function drawBg():void
  42.   {
  43.    graphics.clear();
  44.    graphics.beginFill(0xF3E789, .8);
  45.    graphics.lineStyle(1, 0xFFFF00);
  46.    graphics.drawRoundRect( -5, -5, txtTips.textWidth + 15, txtTips.textHeight + 15, 10, 10);
  47.    graphics.endFill();
  48.   }
  49.  }
  50.  
  51. }

使用方法:

//Code:
  1. //鼠标提示框
  2. private var mtips:MouseTip = new MouseTip();
  3. mtips.setText("This is a test sentense.");
  4. //使用TweenLite对mtips进行alipa缓动
  5. TweenLite.to(mtips, .3, { alpha:0 } );