In a previous post, I showed a demo of a custom list component created with Degrafa. I received a request for the same application done with Flex 4 and FXG, so I spent a little time converting it over and here is the result. (** requires Flash Player 10)
I’m sure I could have used the new features of Flex 4 even more efficiently than I did, so please feel free to let me know how to improve upon this implementation if you have any suggestions.
This movie requires Flash Player 9
by Mark Fuqua
11 May 2010 at 20:57
It seems like the flex 4 version has much smoother animation. Is that what you observe as well? How was it working with Flex 4? Did you like it better than Flex 3/Degrafa? What was the difference in work flow?
by Boris
12 May 2010 at 04:51
nice demo – i’ll waitiing for the one with Multitouch-Support on my HTC Legend ;-)
by Bill
12 May 2010 at 08:34
@Mark
I think the animation may indeed be a tad smoother since it is using the 3D capabilities of Flash Player 10 along with the light-weight spark components. I was able to bypass the use of Alex Ulman’s distortion effects library this time around. That library is fantastic but I wanted to see if this version could utilize as many of the new features as possible. In fact, TweenMax is the only external library I kept, mainly because it is so efficient and straightforward.
by Markus
25 May 2010 at 02:54
hi, i checked the example but why are the last 4 items not animating when i hover over them?
by Bill
27 May 2010 at 12:04
@Markus
Good catch. I had not noticed that before. It turns out I was not resetting the animating flag after the tiles were created. I’ve fixed the issue and reposted the demo code. :)
by Markus
28 May 2010 at 16:35
Hi i have a serious problem with the positioning of the two “panels”.
I want the “List” on the right side so i thought i changed in the main app the order first detailPanel than teachersPanel.
In doing that the “hover” animation is destroyed. Can you please explain what i`m doing wrong.
Please check it
Thanks gurkerl
by RobMcM
09 Jun 2010 at 10:46
You should have a look at the filter function of arrayCollections. May be easier for you (didn’t check to see if there is a reason you weren’t using it though).
Nice demo :)
by James Ward
09 Jun 2010 at 10:50
Very nice demo! One small issue… Scrolling the list with the mouse wheel moves only a few pixels per scroll. So it takes about 20 strokes on the wheel to get down one item. Strange.
-James
by Bill
10 Jun 2010 at 13:19
@James
I did not add mousewheel listeners since it does not work consistently across all browsers so I’m not sure why it is doing that.
-Bill
by Bill
10 Jun 2010 at 13:22
@Rob
I’ll take a look at the filter function. I wrote that logic quite a while ago so and I think I copied it from some Java code I had written so that is probably why I did not take advantage of the filter function. :)
-Bill