Как изменить размер hbox, чтобы он соответствовал содержанию в нем при изменении размера браузера во flex

Question

У меня есть hbox, в котором у меня есть некоторые элементы формы.Когда я уменьшаю размер браузера, содержимое с правой стороны hbox выходит из окна, оно просто невидимо.Я хочу, чтобы они подходили ближе и корректировались при изменении размера браузера.

Ширина всех элементов равна 100%.

Есть предложения?

Answer 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>