FLEX: customized tag Cloud, how to compute positioning and distances

Posted by Patrick on Stack Overflow See other posts from Stack Overflow or by Patrick
Published on 2010-04-18T08:53:34Z Indexed on 2010/04/18 10:13 UTC
Read the original article Hit count: 323

Filed under:

hi,

I want to build a tag cloud like this one in my Flex application. See image: http://dl.dropbox.com/u/72686/tagCloud.png

At the moment I have the tags (that are mx.controls.LinkButtons) added at the same position and having different sizes according to values (stored in an ArrayComponent).

In my visualization, the orange tags are supposed to be listed vertically in the middle. The gray tags should be at different distances (according to stored numeric values).

I want to avoid overlapping and cluttering.

How do you suggest to compute x and y of the gray tags taking care about:

  • the distances from orange tags
  • avoid overlapping between them

thanks

© Stack Overflow or respective owner

Related posts about flex