Skinning a list in Flex 4 – Magnifier Effect
Here’s a little video about how to use different Spark components to make a magnifier effect for a list. To create this effect I did the following:
- used the Spark Component model with Skins and States
- employed the new Spark item renderer that support Designer/Developer workflow
- Parametrize Spark Skins with CSS
You can download the final project from here and watch the video here.

Great! This was something I was looking for. Something that I’m missing, is the magnefier changing back to the last-selected option when hovering out.
Nice tutorial, very good place to start studying new flex4 capabilities.
Thanks
Very nicely done.
The Style tips and the setLayoutTransform() – in your video – are really nice.
Thank you very much.
PS Also loved the whiteboard view of the magnifier algorithm.
Very cool effect, might be nice if it works in the TileLayout view, could be really cool for music application views (Album artwork) etc….
Magnifier Effect doesn´t work Adobe Flash Builder (Flex 4) final version!
when we have new verison? error on tag reziseMode=”scale”
@marcelo
Use the fillMode instead of resizeMode.