How to bind effect in code in Flex

Question

I want to add a component into a Viewstack dynamically in flex4. Like code below

 for(var i:int = 0; i < 3; i++)
 {
    var canvas:NavigatorContent = new NavigatorContent();
    canvas.label = "XXX";
    // here I want to add effect to canvas.
    // var effect:Fade = new Fade(canvas);
    // effect.duration = 2000;
    viewStack.addChild(canvas);
}

But the code in comment doesn't play the effect. How can I implement it? Does the canvas have any hideffect or showeffect to Bind？

thanks

Jason Towne · Answer 1 · 2011-08-02T16:39:40.157

2

You can use the NavigatorContent's hideEffect and showEffect properties.

FlexExamples has a good example on how to set these properties using Actionscript.

edited Aug 02 '11 at 16:39

answered Aug 02 '11 at 14:59

Jason Towne

8,014
5
54
69

3

minor detail: he's not using a Canvas, but a spark.components.NavigatorContent, which he happened to call `canvas`. Nonetheless, the AS3 code you provided works the same since they both inherit from UIComponent. – merv Aug 02 '11 at 16:20

score 1 · Answer 2 · answered Aug 03 '11 at 11:21

Well I think the problem is he is creating the Effect Object inside the function. As soon as this function is left, I think there is no reference from the canvas object to the effect object and the GarbageCollection cleans it up. Try explicitly saving a reference to the effect object.

How to bind effect in code in Flex

2 Answers2