Avoid showing of a canvas in TabNavigator while playing effect?

Question

Hello,
I´m using the great distorsion effect of Alex Uhlmann (part of Tour de Flex) in a TabNavigator with Canvas containers. The effect works fine but while fireing the IndexChangedEvent by pressing a tabsheet for a blink of an eye the target-canvas gets visible before the effect should make it visible which is very annoying.
As you can see in the Code-Snippet
The function  playrotate() which is called in the EventHandler only set the right parameters for the CubeRotator method, which create an effectinstance and playing the effect.
public  
function ChangeListener(e:IndexChangedEvent):void{oldI = e.oldIndex;
newI = e.newIndex;
playrotate();
private function CubeRotator(DC:String, oldI:int, newI:int):void{  
var cr:CubeRotate = newCubeRotate( navtab.getChildAt(oldI) );cr.siblings = [ navtab.getChildAt(newI) ];
if( DC == DistortionConstants.LEFT ){cr.direction = DistortionConstants.LEFT;
else{cr.direction = DistortionConstants.RIGHT;
cr.horizontalLightingLocation = DistortionConstants.LEFT;
cr.duration = 1000;
cr.distortion = 40;
cr.play();
If somebody has an idea how to avoid this behaviour it would be great.
Thanks to everybody answering

Answer 1

Well for what it's worth...
I agree that it's a bad idea using a canvas like that.
Check this out:
http://social.technet.microsoft.com/wiki/contents/articles/29777.wpf-property-list-editing.aspx
Baically, it puts your label and edit controls into a collection of contentontrols presented by a listbox of itemscontrol.
<ListBox HorizontalContentAlignment="Stretch" Background="AliceBlue">
<ListBox.Resources>
<Style TargetType="{x:Type TextBox}">
<Setter Property="HorizontalAlignment" Value="Stretch"/>
</Style>
</ListBox.Resources>
<local:EditRow LabelFor="Label for property One:" >
<TextBox Text="aaaa"/>
</local:EditRow>
<local:EditRow LabelFor="Label for Property Two:">
<TextBox Text="bbbb"/>
</local:EditRow>
<local:EditRow LabelFor="Label for Property Three:">
<DatePicker/>
</local:EditRow>
<local:EditRow LabelFor="Label for Property Four:">
<TextBox Text="dddddd"/>
</local:EditRow>
<local:EditRow LabelFor="Label for Property Five:">
<TextBox Text="eeee"/>
</local:EditRow>
<local:EditRow LabelFor="Label for Property Six:">
<TextBox Text="fffffff"/>
</local:EditRow>
<local:EditRow LabelFor="Label for Property Seven:">
<TextBox Text="ggggg"/>
</local:EditRow>
<local:EditRow LabelFor="Label for Property Eight:">
<TextBox Text="hhhhhhhhhhh"/>
</local:EditRow>
</ListBox>
Listbox has a scrollbar for zero effort and there's no messing about working out all the positioning of each control.
Because editrow is a contentcontrol you can put any old control in it - textbox, passwordbox.... whatever you like.
Hope that helps.
Recent Technet articles: Property List Editing;
Dynamic XAML