Hi everyone,
I’m still quite new to AS3 and Flex so I thought I would get on here and ask for some help since I am stuck!!!
I’m building a sort of experimentation website to help get me warmed up on AS3/Flex/Flash CS3 and I’m trying to make a custom tab component. At the moment I have made an animated tab in Flash, its a simple animation using the TweenLite system that slides the tab image up from the bottom behind the text label and with the help of the back.easeOut it looks really smooth. When the mouse moves out of my hit area it then slides back down. I chose to use the actionscript tweening because I find it more controllable especially with the easing functions I can get a nice animation with little effort.
I was hoping to use this animated tab in Flex, but unfortunately the skinning technique didn’t work to well because it strips out the actionscript and with the manual tweening because the tab was sliding up from below it messed up Flex’s measuring methods I think and so it went all over the place!
So I want some advice as to how I would go about integrating this simple tab animation into Flex? Would it be best to set up a for loop in Flash and set up all the tabs in Flash and then use a SWFLoader to load them in? Of course that would be a bit untidy with the code being in Flash and Flex.
Ideally I want to be able to reference the symbol from the Flash SWF in Flex and then do all loops etc in Flex if I couldn’t extend the Flex tab component. I’m getting so confused at the moment and need a nudge in the right direction since I really want to maintain the actionscript tweening and easing of the tab.
I have attached the tab FLA and the TweenLite.as in the ZIP so you can see what I’ve done.
Hope some one can help!