Searching for a flex component that does this...

Posted by Joshua in on May 8, 2008

I Googled and checked out flex.org for a component that has already been built that mimics the functionality provided in the two links below.  I have seen it on quite a few sites today and I like how it flows.  I think this would be great as a flex component.  Before I start coding something I wanted to make sure it doesnt already exist.  No sense in re-inventing the wheel.

Has anyone seen this in Flex and if so does anyone know if someone has coded this as a custom reusable component yet?  I didnt see anything on Ely Greenfields site either.  The effect basically creates a horizontal scrolling effect with a smooth transition.  The controls in both examples have arrows and in the panic example the tabs also control the animation.  Check it out and let me know if you know of a similiar component that provides the capability already so I dont waste any energy on this. :)

http://www.panic.com/coda/ (Check out the tabs/arrow animation and the rewind effect when you get to last tab)
http://www.juliendassonval.fr/ (same as above under projects)

 

PS: I think the panic site just crashed... dont quote me on that though, my internet has been shady the last two days.

  1. Kevin Hoyt

    #1 by Kevin Hoyt - May 8, 2008 at 12:28 PM

    I wrote a while back about this UI pattern for multi-step processes. It seems to me to be a web adaptation of the classic wizard pattern we find on the desktop. While I had added a blur filter to smooth things out, I didn't go so far as a component. In case some sample source helps, you can download the code for my wizards.

    http://blog.kevinhoyt.org/2007/02/18/thoughts-on-accordion-usability/

    Hope this helps,
    Kevin
    Reply
  2. Nate

    #2 by Nate - May 8, 2008 at 2:39 PM

    I'm looking for this too. I've seen it in some flex apps but I haven't implemented it. If you do make it please share the code :).

    -Nate
    Reply
  3. Tony Fendall

    #3 by Tony Fendall - May 8, 2008 at 3:37 PM

    I created one once using a bunch of canvases, and a bunch of move effects.

    That catch was that my solution required one effect for every possible transition, so as the number of tabs went up, the number of effects got really high really fast. You could probably do something more efficient if you tried though.
    Reply
  4. Paul Rangel

    #4 by Paul Rangel - May 8, 2008 at 5:19 PM

    We did some examples of components for the FIG and one of which was the Paged List which is pretty close to what you are talking about. To make it efficient I added caching which is why the items fade in if you navigate past the previous or next set.

    http://www.adobe.com/devnet/flex/samples/fig_pagedlist/

    Hope it helps.
    Reply
  5. Josh

    #5 by Josh - May 9, 2008 at 7:24 AM

    Thank you everyone! This will definitely get me headed in the right direction. I love how this network of people shares ideas and information. Truly inspiring.
    Reply
  6. Danny Gold

    #6 by Danny Gold - May 9, 2008 at 7:34 AM

    I've used the PagedList a few times in applications and it can be a very usable component.

    As far as the sliding transition for tabs, I've done that for TabNavigators in a few places simply by tweening the x coordinates. I listen for the "change" effect on the TabNav, which signals that the selectedIndex is changing, then I do a move effect for the old tab and the new tab. Maybe I'll try to pair it down to a simple example and post it on my site.
    Reply
  7. Danny Gold

    #7 by Danny Gold - May 9, 2008 at 7:42 AM

    Hey guys, haven't typed up a post about it yet, but I have posted a simple example of creating this effect with a TabNavigator in Flex. View source enabled:

    http://www.thegoldhold.com/examples/SlidingTabNav/SlidingTabNav.html
    Reply
  8. Raffaello

    #8 by Raffaello - August 31, 2009 at 12:44 PM

    Excuse me. The toughest thing about success is that you've got to keep on being a success. Talent is only a starting point in this business. You've got to keep on working that talent. Someday I'll reach for it and it won't be there.
    I am from Germany and too bad know English, give true I wrote the following sentence: "Some ago unavoidable markets are constructed by running."

    Thank 8-) Raffaello.
    Reply
  9. Liv

    #9 by Liv - February 21, 2010 at 12:20 PM

    Good afternoon. I feel like a tiny bird with a big song! Help me! Looking for sites on: Viagra dosage. I found only this - <a href="http://web1.blueridge.edu:8080/sbc/Members/Viagra/viagra-online-pharmacy">viagra online pharmacy</a>. Viagra, pit membrane, bates ran a sophisticated helicine as a sexual heart millions necessary. If medication visits regardless use you to understand an sex or if your prescription works probably visual also therefore for you to take like pricing you should seek your environment, viagra. Thank :o Liv from Sri.
    Reply
  10. linson

    #10 by linson - September 19, 2010 at 8:52 PM

    I just discovered your web site on yahoo and see that you’ve got some wonderful thoughts in this post. I specifically appreciate the way you’ve been capable to stick so really much believed into a fairly short upload (comparitively) which creates it an thoughtful post on your topic. IMHO you put lots of great information in this upload not having all the filler that most bloggers use just to make their posts appear longer, that is perfect for a gal like me who doesn’t have a lot time trigger I’m usually within the go. I often get so frustrated with so many with the final outcomes in the major SE’s due to the truth they often appear to mostly be filled with filler content that frequently isn’t quite sensible. If you don’t mind I am going to add this post and your weblog to my delicious favorites so I can share it with my family. I appear forward to coming back again to read your future posts too.
    Reply
(will not be published)