项目中遇到淡入淡出效果,自己写了个方便用的。
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();
分享到:
相关推荐
4. **动画效果**:利用jQuery的`fadeIn()`和`fadeOut()`方法实现内容项的淡入淡出效果。可以设定一个定时器,当用户滚动到特定区域时,内容项开始淡入,当离开视线时淡出。这样可以创造出动态的浏览体验。 5. **...
而淡入淡出效果则是通过CSS3或JavaScript实现的一种平滑过渡,使得图片在加载或切换时逐渐显现或消失,增强用户体验。 实现瀑布流布局通常有以下几种方法: 1. **纯CSS方法**:利用CSS Flexbox或Grid布局可以轻松...
总之,通过使用Spark Effects中的Fade和Resize效果类,开发者可以在Flex应用程序中创造出丰富的动画效果,如淡入淡出和组件大小变化,从而提升用户交互体验。理解和熟练运用这些工具对于创建引人入胜的Flex应用至关...
本教程将探讨如何使用jQuery实现鼠标悬停时导航条的淡入淡出效果,并创建一个独特的菱形导航菜单。jQuery是一种强大的JavaScript库,简化了DOM操作、事件处理和动画效果,使得创建动态和交互性的网页变得更为便捷。 ...
5. **Fade**:淡入/淡出效果,通过改变组件的 `alpha` 属性实现透明度变化,从而达到渐显或渐隐的效果。 6. **Move**:移动效果,允许组件在舞台上移动到新的位置。这通常通过修改 `x` 和 `y` 属性来实现。 7. **...
1. **淡入淡出效果**:在Flex4中,我们可以使用`Fade`效果类来实现淡入淡出效果。`Fade`效果改变了组件的透明度,从而产生渐显或渐隐的效果。在MXML中,你可以这样创建一个淡入效果: ```xml <mx:duration>1000 ...
5. **特殊效果**:合集中的实例可能涵盖各种特殊效果,如淡入淡出、滑动、旋转、缩放等。通过研究这些例子,开发者可以学习如何使用Flex和AS实现视觉上的动态效果,提升用户体验。 6. **学习资源**:对于初学者或有...
TransitionManager提供了一系列预定义的过渡效果,如滑动、淡入淡出等,可以方便地应用于组件的显示和隐藏。此外,开发者也可以自定义动画,通过改变组件的宽度、高度、透明度等属性来模拟门的开启和关闭动作。 ...
2. **动画组件**:Flex提供了许多内置的动画组件,如Fade(淡入淡出)、Slide(滑动)、AnimateColor(颜色变化)等,它们简化了动画的创建过程。开发者只需设置起始和结束状态,组件会自动处理中间过渡。 3. **...
6. **动画效果**:为了提升用户体验,可以使用`Tween`类或`Animate`类添加过渡效果,如淡入淡出,使图片切换更自然。 7. **响应式设计**:考虑到不同设备的屏幕尺寸,Flex项目通常会采用响应式设计,通过`ViewStack...
5. **动画效果**:为了增加用户体验,电视墙通常会包含平滑的滚动、淡入淡出或缩放动画。Flex4的Tween类和Effect框架可以轻松实现这些效果。 6. **事件处理**:监听用户的滚动或点击事件是电视墙功能的核心部分。...
在这个实例中,这些动画将用于创建流畅的翻页效果,包括页面的旋转、滑动和淡入淡出。 4. **物理模拟**:为了使翻页更逼真,开发者可能还会考虑一些物理因素,如页面的重力、摩擦力和弹性。这可以通过调整动画参数...
在Flex中,Effect(效果)是用来控制组件状态转换时的动画效果,例如淡入淡出、滑动、缩放等。`Flex3EffectExplorer.swf`很可能是用来探索和实验Flex 3版本中的各种内置效果的工具,用户可以通过这个工具直观地看到...
通过控制`alpha`值从1逐渐减小到0,再从0增加到1的过程,就能实现元素的淡入淡出效果。这一过程可以通过监听`Event.ENTER_FRAME`事件来实现平滑过渡。 #### 二、代码解析 首先来看一下代码中的关键部分: ```as ...
"导航栏淡入淡出"是一种常见的交互效果,可以提升用户体验,使页面更具动态感。这个主题主要涉及CSS(层叠样式表)技术,通过CSS3的动画属性来实现导航栏元素在切换时的平滑过渡。 1. **CSS基础**: - CSS...
它提供了更多的内置效果,如淡入淡出、缩放和平移,以及一个更强大的效果引擎,使得创建流畅的过渡和动画变得更加容易。这对于提升应用的视觉吸引力和用户交互体验至关重要。 ### 迁移至Flex4 将Flex3的应用程序...
Flex提供的内置效果包括但不限于模糊(Blur)、移动(Move)、淡入淡出(Fade)、发光(Glow)、调整大小(Resize)、旋转(Rotate)和缩放(Zoom)等。此外,还有Wipe系列效果用于实现画面的遮罩效果,如WipeLeft、...
Flex的TransitionManager类可以管理这些过渡,例如淡入淡出、滑动、旋转等。这些效果可以增强用户在不同界面间导航的体验。 3. 3D旋转(3D Rotation):Flex支持在二维和三维空间内的旋转效果,通过使用如Transform...
Flex支持多种内置动画效果,如淡入淡出、滑动、旋转等,也可以自定义动画。开发者可以通过`Animate`类或`Effect`类来实现这些效果。例如,当添加或删除列表项时,可以添加一个淡入或淡出效果,使用户体验更加流畅。 ...
描述中的“样例集合”意味着这个压缩包可能包含了多种不同类型的动画,比如淡入淡出、滑动、旋转、缩放、颜色变换等,这些都是Flex4动画系统中常见的特效。Flex4引入了新的动画模型——Timeline Animation和Effect ...