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.
Continue reading ‘Applying an effect when an HBox container is resized in Flex’
Archive for the 'Effects' Category
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.
Continue reading ‘Creating a custom creation complete effect on a Flex Alert control (redux)’
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.
Continue reading ‘Setting a complete effect on an Image control in Flex’
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.
Continue reading ‘Sequencing effects in Flex using the mx:Sequence tag (redux)’
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.
Continue reading ‘Setting effects with ActionScript in Flex’
The following example shows how you can customize the move easing function on a wipe effect.
Full code after the jump.
Continue reading ‘Changing the default easing function on a Wipe effect’
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.
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.
Continue reading ‘Triggering effects when a container is resized’
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.
Continue reading ‘Triggering effects when a container’s visibility is changed’
The following example shows how you can use the <mx:Sequence /> MXML tag in Flex to create combined effects which execute in order. This example shows how to fade a display object in, pause, and then fade a display object out. Also, the same thing but with a combination of Wipe effects.
Full code after the jump.
Continue reading ‘Sequencing effects in Flex using the mx:Sequence tag’
