Resizing a spark group by setting width and height

Question

I have been given the seemingly simply task of resizing a Group container by setting width and height explicitly in response to user interaction. However, changing these values have no effect on the size of the container at all. Changing scaleX and/or scaleY will change the size of the container just fine, but this is not the behavior I am after.

I have tried overriding updateDisplayList() to set a specific width and height, but this has not yielded the desired results.

If anyone has a link to a good tutorial or can contribute in any other way to a solution, then I would greatly appreciate it. Google does not seem to be my friend on this one.

Edit

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="ns.adobe.com/mxml/2009" ;
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="library://ns.adobe.com/flex/mx"
    width="400" height="300"
    click="resize()">
    <fx:Script> 
        <![CDATA[ 
            private function resize():void 
            { 
                width = 500; 
                height = 300; 
            } 
        ]]>
    </fx:Script>
</s:Group>

Can you post a sample code where the issue can be replicated? — user700284
user700284. Something like this would do it: <?xml version="1.0" encoding="utf-8"?> <s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" click="resize()"> <fx:Script> <![CDATA[ private function resize():void { width = 500; height = 300; } ]]> </fx:Script> </s:Group> (Sorry for comment spam. My fingers are not good friends with my keyboard today) — madsmao
please next time edit your question to share code, don't paste long code lines inside comments. — rekaszeru

rekaszeru rekaszeru · Accepted Answer · 2011-04-28T11:44:06

Actually your approach works just fine, but you need to have some content inside that group, or use a BorderContainer instead:

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="library://ns.adobe.com/flex/mx"
    click="doResize();">
    <fx:Script>
        <![CDATA[

            public function doResize():void
            {
                this.width = 300;
                this.height = 200;
            }

        ]]>
    </fx:Script>
</s:Group>

To stick to your problem, I've put a TextArea into this Group instance from the main application, and it gets resized.

Resizing a spark group by setting width and height

2 Answers