Creating a Sliding effect
Way too much to catch up on now that MXNA(AXNA now?) is back online. I stumbled across this post looking for a sliding effect and thought I’d post some code I’ve used in a few projects. One solution suggested in the comments was the PagedList component from the FIG, which I’ve also used.
Anyways, here’s a quick and dirty example of how to achieve this using Move effects on the children of a TabNavigator.
May 9th, 2008 at 11:48 am
[...] Flex Sliding Tab Navigator [...]
May 12th, 2008 at 2:44 pm
I’ve been playing around a bit with Flex, but I don’t have a site up yet (mostly waiting for my brother to add my domain to his host). I registered machinesong.com/.net, which I think sounds cool.
Also, you have a very minor aesthetic issue with your current number flashing to the one you’re changing to when you click the tab.
May 12th, 2008 at 2:53 pm
Yeah, this is definitely demoware just showing a possible approach. I believe the issue is that I’m listening for the index changed event, and the new tab is already being displayed before I’m playing the sliding effect. The best thing to do might be to handle changing the selectedChild in the effects and not use the default Tab behavior which is causing the new tab to become visible on the click.
Definitely a cool site name, I’ll look for it to go live.