Here are a few additional examples of Flex 4 / Spark ItemRenderers. They are similar to the examples I provided in my previous post with a different set of items.
-

Twitter
- Blogged: "FlexStore Revisited: Building an Animated Spark Layout" http://bit.ly/96JOa7 #Flex4
- Blogged "More #Flex4 / Spark ItemRenderer Samples" http://bit.ly/c5wcGF
- Principal Flex UI Engineer/Architect position at Attivio, a great startup in the Boston Area. http://www.attivio.com/attivio/careers.html
- Blogged: "Cool ItemRenderers Made Easy in Flex 4" http://bit.ly/bnyGwI
- Blogged "Creating a Custom Component and Skins in Flex 4" http://bit.ly/8Hng9b
Archives
- February 2010
- January 2010
- December 2009
- November 2009
- October 2009
- September 2009
- August 2009
- July 2009
- May 2009
- April 2009
- March 2009
- February 2009
- January 2009
- December 2008
- November 2008
- September 2008
- May 2008
- April 2008
- February 2008
- December 2007
- November 2007
- October 2007
- August 2007
- July 2007
- June 2007
- May 2007
- March 2007
- February 2007
- January 2007
- November 2006
- October 2006
- September 2006
- August 2006
- June 2006
Categories



FlexStore Revisited: Building an Animated Spark Layout
Six years ago, I wrote the FlexStore sample application for Flex 1.0 (code name Royale at the time). The original version is still running here and shows the progress we have made in six years! Two years later, I rewrote the application for Flex 2. One major difference in the Flex 2 version was that the product Tile List was animated to visually represent the items being filtered out or filtered back in. The animations were helpful, but I was never too happy with the code: the layout animation logic was tightly coupled to the container logic and therefore wasn’t very reusable.
In Flex 4, the new Spark component architecture cleanly separates containers from their layouts: You declare a container and plug a layout into it. You can use existing Layout classes (VerticalLayout, HorizontalLayout, TileLayout, LayoutBase), or create your own custom layout classes. So, I thought it would be nice to revisit the AnimatedList component I had written for the FlexStore 2 and take advantage of this new architecture. I created a custom layout class called “FilteredTileLayout” that you can plug in Flex 4 list classes. i.e. List or DataGroup.
Read More »