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.
Here is a first example using the new “depth” attribute, the new States syntax and a PostLayoutTransform:
A second example showing a different approach to “zoom” the hovered ItemRenderer:
A third showing a Rotate3D effect:
You can view the complete source code for the application here.
You can download the source code here.
Christophe — one suggestion. When using a ‘zoom’ effect on tiles of items (i.e., a TileList, like you have above), the zoomed in item can make it difficult to ‘roll over’ the items next to it (because they overlap). I’d suggest –
1) make the image itself mouse opaque.
2) add a transparent rectangle to the item renderer that _doesn’t_ zoom.
That will keep the hit area of the item renderers constant, which means you will always be selecting the item the mouse would be over if the renderer wasn’t using a zoom effect.
Ely.
One other suggestion — Chet added the ‘auto reverse’ feature to effects so that roll overs could smoothly reverse themselves when moving the mouse quickly. You might want to use it on that first example.
Great Stuff..
Thanks for sharing .. :)
Ely made the comments about how to resolve the issue with the overlapping images (image mouse opaque + transparent rectangle) – but does anyone have an example for this?
thank you very much telephone wonderful
Hi, man!
I’m from Sofia,Bulgaria.
Thanks for salesbuilder,this tilelist examples and all other stuff in your site.
Learning Flex = learning your perfect examples work!!!
hard to find ADEQUATE examples on the web, like yours.
yes sory
sseeeeeeeeeeess
Ely made the comments about how
Ely made the comments
Ely made the
yes no yes
hehehsess
seeeeeeeeeess
and all other stuff in your site
and all other stuff in your sitees
and all other stuff in your sitefeesse
and all other stuff in your sitettes
and all other stuff in your siteeeeeeese
heheyses
and all other stuff in your site seeseeee
hehehehsssse
yeyehsee
sdseee
heheseee
yes baby
These look really great! I’m definitely trying out those scripts. Thanks for sharing.
hey dude, I don’t think mx:Image is supported anymore, and that’s what you have in your item renderers… when attempting to use mx:Image within an app using sdk v4.1, a compile error is thrown: could not resolve mx:Image to a component implementation
(to save you the trouble of stating the obvious – yea, the mx namespace is defined in the ItemRenderer)
What sdk version did you build this with???
Thanks dude,
Dan
@Dan Orlando – mx:Image should work fine in Flex 4.1. I realize you have already stated that you have the mx namespace defined, but maybe check that you have the right path specified? It used to be xmlns:mx=”library://ns.adobe.com/flex/halo” during the beta of Flex 4.0 and was changed to xmlns:mx=”library://ns.adobe.com/flex/mx” when Flex 4.0 was released. It’s a subtle change that I trip up on all the time when revisiting old item renderers I created before 4.0 was released.
Hi. I wanted to drop you a quick note to express my thanks. I’ve been. following your blog for a month or so and have picked up a ton of good information as well as enjoyed the way you’ve structured your site. I am attempting to run my own blog but I think its too general and I want to focus more on smaller topics. Being all things to all people is not all that its cracked up to be.
extremely useful thanks so much for sharing
thanks this posting admins
thanks for posting Christophe Coenraets