`

Flex 文字淡入淡出效果

    博客分类:
  • AIR
阅读更多
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的缘故).这样就很好的解决了文字效果的问题。

转:http://nealmi.iteye.com/blog/188540
分享到:
评论

相关推荐

    jQuery淡入淡出瀑布流效果.zip

    4. **动画效果**:利用jQuery的`fadeIn()`和`fadeOut()`方法实现内容项的淡入淡出效果。可以设定一个定时器,当用户滚动到特定区域时,内容项开始淡入,当离开视线时淡出。这样可以创造出动态的浏览体验。 5. **...

    淡入淡出图片瀑布流效果代码

    而淡入淡出效果则是通过CSS3或JavaScript实现的一种平滑过渡,使得图片在加载或切换时逐渐显现或消失,增强用户体验。 实现瀑布流布局通常有以下几种方法: 1. **纯CSS方法**:利用CSS Flexbox或Grid布局可以轻松...

    Spark Effects 动画效果 Fade 渐变 淡入淡出 组件改变大小

    总之,通过使用Spark Effects中的Fade和Resize效果类,开发者可以在Flex应用程序中创造出丰富的动画效果,如淡入淡出和组件大小变化,从而提升用户交互体验。理解和熟练运用这些工具对于创建引人入胜的Flex应用至关...

    jquery鼠标悬停导航条淡入淡出菱形导航菜单

    本教程将探讨如何使用jQuery实现鼠标悬停时导航条的淡入淡出效果,并创建一个独特的菱形导航菜单。jQuery是一种强大的JavaScript库,简化了DOM操作、事件处理和动画效果,使得创建动态和交互性的网页变得更为便捷。 ...

    Flex4特效源码

    1. **淡入淡出效果**:在Flex4中,我们可以使用`Fade`效果类来实现淡入淡出效果。`Fade`效果改变了组件的透明度,从而产生渐显或渐隐的效果。在MXML中,你可以这样创建一个淡入效果: ```xml &lt;mx:duration&gt;1000 ...

    Flex4 电视墙效果

    5. **动画效果**:为了增加用户体验,电视墙通常会包含平滑的滚动、淡入淡出或缩放动画。Flex4的Tween类和Effect框架可以轻松实现这些效果。 6. **事件处理**:监听用户的滚动或点击事件是电视墙功能的核心部分。...

    flex中动画效果

    5. **Fade**:淡入/淡出效果,通过改变组件的 `alpha` 属性实现透明度变化,从而达到渐显或渐隐的效果。 6. **Move**:移动效果,允许组件在舞台上移动到新的位置。这通常通过修改 `x` 和 `y` 属性来实现。 7. **...

    flex特殊效果实例

    5. **特殊效果**:合集中的实例可能涵盖各种特殊效果,如淡入淡出、滑动、旋转、缩放等。通过研究这些例子,开发者可以学习如何使用Flex和AS实现视觉上的动态效果,提升用户体验。 6. **学习资源**:对于初学者或有...

    flex AS自定义fade效果

    通过控制`alpha`值从1逐渐减小到0,再从0增加到1的过程,就能实现元素的淡入淡出效果。这一过程可以通过监听`Event.ENTER_FRAME`事件来实现平滑过渡。 #### 二、代码解析 首先来看一下代码中的关键部分: ```as ...

    Flex开门,关门,翻转,效果

    TransitionManager提供了一系列预定义的过渡效果,如滑动、淡入淡出等,可以方便地应用于组件的显示和隐藏。此外,开发者也可以自定义动画,通过改变组件的宽度、高度、透明度等属性来模拟门的开启和关闭动作。 ...

    Flex动画效果教程

    2. **动画组件**:Flex提供了许多内置的动画组件,如Fade(淡入淡出)、Slide(滑动)、AnimateColor(颜色变化)等,它们简化了动画的创建过程。开发者只需设置起始和结束状态,组件会自动处理中间过渡。 3. **...

    Flex 翻页效果实例

    在这个实例中,这些动画将用于创建流畅的翻页效果,包括页面的旋转、滑动和淡入淡出。 4. **物理模拟**:为了使翻页更逼真,开发者可能还会考虑一些物理因素,如页面的重力、摩擦力和弹性。这可以通过调整动画参数...

    FLEX效果展示的SWF

    在Flex中,Effect(效果)是用来控制组件状态转换时的动画效果,例如淡入淡出、滑动、缩放等。`Flex3EffectExplorer.swf`很可能是用来探索和实验Flex 3版本中的各种内置效果的工具,用户可以通过这个工具直观地看到...

    flex 图片浏览,flex图片滚动效果

    6. **动画效果**:为了提升用户体验,可以使用`Tween`类或`Animate`类添加过渡效果,如淡入淡出,使图片切换更自然。 7. **响应式设计**:考虑到不同设备的屏幕尺寸,Flex项目通常会采用响应式设计,通过`ViewStack...

    导航栏淡入淡出

    "导航栏淡入淡出"是一种常见的交互效果,可以提升用户体验,使页面更具动态感。这个主题主要涉及CSS(层叠样式表)技术,通过CSS3的动画属性来实现导航栏元素在切换时的平滑过渡。 1. **CSS基础**: - CSS...

    Flex 特殊效果

    Flex的TransitionManager类可以管理这些过渡,例如淡入淡出、滑动、旋转等。这些效果可以增强用户在不同界面间导航的体验。 3. 3D旋转(3D Rotation):Flex支持在二维和三维空间内的旋转效果,通过使用如Transform...

    flex动画效果与变幻.pdf

    Flex提供的内置效果包括但不限于模糊(Blur)、移动(Move)、淡入淡出(Fade)、发光(Glow)、调整大小(Resize)、旋转(Rotate)和缩放(Zoom)等。此外,还有Wipe系列效果用于实现画面的遮罩效果,如WipeLeft、...

    Flex3与flex4的区别

    它提供了更多的内置效果,如淡入淡出、缩放和平移,以及一个更强大的效果引擎,使得创建流畅的过渡和动画变得更加容易。这对于提升应用的视觉吸引力和用户交互体验至关重要。 ### 迁移至Flex4 将Flex3的应用程序...

    FLEX_List).rar_flex_flex list_flex li_flex lis_flex list

    Flex支持多种内置动画效果,如淡入淡出、滑动、旋转等,也可以自定义动画。开发者可以通过`Animate`类或`Effect`类来实现这些效果。例如,当添加或删除列表项时,可以添加一个淡入或淡出效果,使用户体验更加流畅。 ...

    flex web工作流程图

    例如,当用户进行操作时,可以通过淡入淡出、滑动等效果平滑地改变屏幕内容。 10. **集成API和Web服务**:Flex可以与后端服务器进行交互,获取或更新工作流程数据。通过调用Web服务或API,可以实现动态加载和保存...

Global site tag (gtag.js) - Google Analytics