Flex 文字淡入淡出效果

最新推荐文章于 2021-05-25 16:09:16 发布

原创最新推荐文章于 2021-05-25 16:09:16 发布 · 186 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #Java #XML #Blog

AIR 专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何在Flex中实现文字的渐变和其他视觉效果，包括通过嵌入字体和使用BlurFilter来达到目的，同时讨论了这些方法对程序文件大小的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Flex之 Text Effect 问题
关键字: flex text effect
通常Flex中的文字是不会有渐变效果的, 除非...

嵌入字体: 即在编译时嵌入字体文件(eg: simhei.ttf 黑体).

Xml代码


[Embed("assets/simhei.ttf", fontName="simhei")]   

public var simhei_font:Class;   

<mx:Fade id="fadeOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/>  

<mx:Fade id="fadeIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/>  

<mx:Label id="label1" text="Hello World"    
fontFamily="simhei" fontSize="24"  
hideEffect="{fadeOut}" showEffect="{fadeIn}"/>  



[Embed("assets/simhei.ttf", fontName="simhei")]

public var simhei_font:Class;

<mx:Fade id="fadeOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/>

<mx:Fade id="fadeIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/>

<mx:Label id="label1" text="Hello World" 
fontFamily="simhei" fontSize="24"
hideEffect="{fadeOut}" showEffect="{fadeIn}"/>

缺点就是会增大程序文件的大小.虽然Character Range能够起一定的作用,还是会很大(尤其是中文).

还好,有个比较简单的方式,既不增加程序文件大小,又能够实现效果.那就是加一个Blur Filter.

Java代码

private function addBlurFilter():void {   

 var bf:BlurFilter = new BlurFilter(0,0,0);   

 var myFilters:Array = new Array();   

 myFilters.push(bf);   

 label3.filters = myFilters;

Xml代码


<mx:Fade id="fadeOut" duration="1000" alphaFrom="1.0" lphaTo="0.0"/>  

<mx:Fade id="fadeIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/>  

<mx:Label id="label3" text="Hello World" fontSize="24"    
hideEffect="{fadeOut}" showEffect="{fadeIn}"/>

在初始化的时候调用addBlurFilter, 文字会被转成图(Blur Filter的缘故).这样就很好的解决了文字效果的问题。

转：[url]http://nealmi.iteye.com/blog/188540[/url]