`

Flex 淡入淡出效果

    博客分类:
  • FLEX
阅读更多
项目中遇到淡入淡出效果,自己写了个方便用的。
package com.ruixinflex.mapoperation.classes {
import mx.effects.Fade;
import mx.events.EffectEvent;

public class FadeEffect {
    private var _fadeOut:Fade;

    private var _fadeIn:Fade;

    private var _target:Object;

    private var _isPlaying:Boolean;

    public function get isPlaying():Boolean {
        return (this._fadeIn.isPlaying || this._fadeOut.isPlaying);
    }

    public function FadeEffect(target:Object) {
        this._target = target;
        this._fadeIn = createFadeIn(target);
        this._fadeOut = createFadeOut(target);
        this._fadeIn.addEventListener(EffectEvent.EFFECT_START, function (e:EffectEvent):void {
            e.target.target.visible = true;
        });
        this._fadeOut.addEventListener(EffectEvent.EFFECT_END, function (e:EffectEvent):void {
            e.target.target.visible = false;
        });
    }

    public function fadeOut(duration:Number = 1000):void {
        this._fadeOut.duration = duration;
        this.endPlay();
        this._fadeOut.play();
    }

    public function fadeIn(duration:Number = 1000):void {
        this._fadeIn.duration = duration;
        this.endPlay();
        this._fadeIn.play();
    }

    public function endPlay():void {
        if (this._fadeIn.isPlaying) this._fadeIn.end();
        if (this._fadeOut.isPlaying) this._fadeOut.end();
    }

    protected function createFadeIn(target:Object):Fade {
        var result:Fade = new Fade();
        result.alphaFrom = 0;
        result.alphaTo = 1;
        result.target = target;
        return result;
    }

    protected function createFadeOut(target:Object):Fade {
        var result:Fade = new Fade();
        result.alphaFrom = 1;
        result.alphaTo = 0;
        result.target = target;
        return result;
    }
}
}

//使用代码
private var _fadeEffect:FadeEffect = new FadeEffect(_frmLookup);
 _fadeEffect.fadeIn();
分享到:
评论

相关推荐

    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操作、事件处理和动画效果,使得创建动态和交互性的网页变得更为便捷。 ...

    flex中动画效果

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

    Flex4特效源码

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

    flex特殊效果实例

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

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

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

    Flex动画效果教程

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

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

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

    Flex4 电视墙效果

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

    Flex 翻页效果实例

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

    FLEX效果展示的SWF

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

    flex AS自定义fade效果

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

    导航栏淡入淡出

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

    Flex3与flex4的区别

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

    flex动画效果与变幻.pdf

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

    Flex 特殊效果

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

    FLEX_List).rar_flex_flex list_flex li_flex lis_flex list

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

    FLEX4动画特效

    描述中的“样例集合”意味着这个压缩包可能包含了多种不同类型的动画,比如淡入淡出、滑动、旋转、缩放、颜色变换等,这些都是Flex4动画系统中常见的特效。Flex4引入了新的动画模型——Timeline Animation和Effect ...

Global site tag (gtag.js) - Google Analytics