在flex中调整浏览器大小时,如何调整hbox的大小以适应其中的内容

时间:2011-12-01 06:22:49

标签: flex

我有hbox我有一些表单元素。当我减小浏览器大小时,hbox右侧的内容会离开窗口,它们只是不可见。我希望它们更接近并在浏览器大小改变时重新调整。

所有元素的宽度为100%

有什么建议吗?

1 个答案:

答案 0 :(得分:1)

在主应用程序的resize事件中,您可以使用以下代码, 诀窍是在应用程序初始化后捕获调整大小事件并获取应用程序宽度并将其设置为您想要的任何内容。

    <?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" resize="refreshApplicationState()" width="100%" initialize="init()">
    <mx:Script>
        <![CDATA[

            public static var isAppInitialize:Boolean = false;
            public function init():void{
                isAppInitialize = true;
            }
            public function refreshApplicationState():void{
                if(!isAppInitialize){
                    return;
                }
                testHbox.width = this.width - 10;
            } 
        ]]>
    </mx:Script>

    <mx:HBox id="testHbox" width="100%" height="100%">
        <mx:TextArea width="100%" />
    </mx:HBox>
</mx:Application>