Liquid Layout? (Resize event?)

[troynb]

Hi,

I'm currently pretty new to Flex 3.0, and I'm trying to create a Flex application that has a layout out the moves when the the browser is resized. I've seen a few tutorials on how to do this in Flash, but is it the same in Flex? Basically I know that I am supposed to determine when the browser is resized, then I adjust the x and y positions of the elements on my page based on the current size of the Flex stage.

What event listener do I use to determine when the browser is moved/resized and how do I bind that to objects (for example a swf or image that I imported)?


I've searched google and looked at the Adobe livedocs and can't seem to find any examples that explain what I need to do. Any suggestions are appreciated

[iBrent]

Hi,

Well, you're in luck because in Flex, it's all done automatically for you, as long as you use constraint based layouts. It is 1000 times easier to do this in Flex than in Flash. You can listen for a resize event from the stage, but that's unnecessary.

Look at the docs here for what I mean --> http://livedocs.adobe.com/flex/3/html/h ... ion_5.html

It's so much better in Flex.



iBrent

[Barna Biro]

You simply need to set the width and height properties as a percentage instead of static size, ex: width="90%" this way the specified component will always "eat up" 90% of the container's space it is in ( be it the main Application or maybe a HBox, VBox and so on ).

[troynb]

Thanks for the suggestions. My problem is that I am working on something in Flex that looks like a flow chart. I have a "legend' that I created in Flash that shows what each shape of the flow chart means. When I click on this legend, I use MXML to make it move from the upper right corner, and it shrinks to about 10% of it's original size and docks into the lower left corner. I can't really set it to 90% because the size of the swf changes, and also the the location of the swf changes. That's why I was wondering if there is some time of resize event that I can use. So far I haven't had any luck.

[Barna Biro]

Flex isn't really for animation and it's not easy to pull of stuff like this... I'm not really sure myself if there's an easy solution for this... Theoretically "everything is possible, the impossible just takes longer".