From the category archives:

Effects

The following example shows how you can create an animated transition between two colors using the Flex Gumbo FxAnimateColor class.

Full code after the jump.

[click to continue…]

{ 0 comments }

In a previous example, “3D Rotating objects in Flex 4 using the Spark Rotate3D effect and Flash Player 10″, we saw how you could rotate objects in 3D space from 0 to 360 degrees along the X, Y, and Z axis using the Spark Rotate3D effect in the Flex 4 SDK.

The following example shows how you can rotate an image relative to its current rotation by setting the yBy property on the Spark Rotate3D instance.

Full code after the jump.

[click to continue…]

{ 16 comments }

The following example shows how you can rotate objects in 3D space using the Flex Rotate3D effect using the latest version (build 4.0.0.8811) of the beta Flex 4 SDK.

Full code after the jump.

[click to continue…]

{ 18 comments }

The following example shows how you can apply a resize effect to a Flex HBox container by setting the resizeEffect style/effect.

Full code after the jump.

[click to continue…]

{ 10 comments }

In a previous example, “Creating a custom creation complete effect on a Flex Alert control”, we saw how you could specify an effect which gets played when an Alert control is displayed by setting the Alert control’s creationCompleteEffect style.

The following example shows how you can apply a parallel Fade/Move effect when the Alert control is created by setting the the creationCompleteEffect effect/style in MXML and ActionScript.

Full code after the jump.

[click to continue…]

{ 3 comments }

The following example shows how you can add a complete effect on a Flex Image control by setting the completeEffect effect using MXML, CSS, or ActionScript.

Full code after the jump.

[click to continue…]

{ 0 comments }

In a previous example, “Sequencing effects in Flex using the mx:Sequence tag”, we saw how you could sequence tween effects using the <mx:Sequence /> tag.

The following example shows how you can create the same sequenced effects using ActionScript instead of MXML.

Full code after the jump.

[click to continue…]

{ 5 comments }

The following example shows how you can set effects on a Flex Image control using ActionScript by setting the showEffect and hideEffect effects using the setStyle() method.

Full code after the jump.

[click to continue…]

{ 0 comments }

Changing the default easing function on a Wipe effect

by Peter deHaan October 11, 2007

The following example shows how you can customize the move easing function on a wipe effect.
Full code after the jump.

Read the full article →

Using the flash.* classes in MXML

by Peter deHaan September 26, 2007

I saw this trick the other day and thought it was pretty handy, so thought I’d save it here for future reference.
The following example shows how you can use the flash.filters classes in your MXML code by creating a new XML namespace.
Full code after the jump.

Read the full article →

Triggering effects when a container is resized

by Peter deHaan September 23, 2007

The following example uses a resizeEffect effect along with a Resize tween effect (<mx:Resize />) to create a smooth tween effect whenever the panel is resized.
Full code after the jump.

Read the full article →

Triggering effects when a container’s visibility is changed

by Peter deHaan September 20, 2007

The following example shows you how you can trigger effects when the visible property changes on a Flex container or control by using the hideEffect and showEffect effects.
Full code after the jump.

Read the full article →