Applying Visual Effects

With the help of interactive and attractive visual effects, the overall appearance and user experience of the application can be enhanced to its maximum. Adobe Flex provides an exclusive range of features and capabilities to add visual effects to flex application using the concept of Effects. For example, when a text box gets focus, we can make its text become bolder and make its size slightly bigger. All the Effect supported by the Adobe Flex are the base classes of Effect class which in turn inherits properties from EventDispatcher and other top level classes.

Flex Effect Class

The Effect class is an abstract base class that defines the basic functionality of all Flex effects. This class defines the base factory class for all effects.

What are the different visual effects supported?

Fade - The Fade effect animates the alpha property of a component.

WipeLeft - The WipeLeft class defines a wipe left effect.

WipeRight - The WipeRight class defines a wipe right effect.

Move3D - The Move3D class moves a target object in the x, y, and z dimensions.

Scale3D - The Scale3D class scales a target object in three dimensions around the transform center.

Rotate3D - The Rotate3D class rotates a target object in three dimensions around the x, y, or z-axes.

Animate - This Animate effect animates an arbitrary set of properties between values. Specify the properties and values to animate by setting the motionPaths property.

In order to apply all those visual effects, the respective classes should be inherited in the subjective classes and the corresponding functions can be called with the objects. Every function comes with its own set of arguments to modify and implement the attributes of that visual effect.