Question

我的VBox包含两个Hbox。第一个hbox不包含在布局中，而第二个是。事件发生后，第一个hbox可见＆amp;包含在布局中。但问题是第二个hbox没有向下移动＆amp;第一＆amp;第二是重叠。我尝试使用坐标x，y，移动它不起作用。这是下面的代码。

<mx:VBox id="quesBx" >
    <mx:HBox id="errBx" width="698" height="50" borderColor="#ff0000" borderStyle="solid" visible="false" 
             paddingTop="12" paddingLeft="15" 
             verticalScrollPolicy="off">
        <mx:Image source="{CommonImages.EXCLAMATION_ICON}" width="20"/>
        <mx:Text color="#ff0000" fontSize="14" paddingLeft="-100" paddingTop="-18" > 
            <mx:htmlText> 
                <![CDATA[
                <
                ]]>
            </mx:htmlText>
        </mx:Text>
    </mx:HBox>
    <mx:Spacer height="5"/>
    <mx:HBox id ="btnBx" textAlign="center"  paddingRight="20" bottom="0"     verticalAlign="bottom" horizontalAlign="right">
        <mx:Spacer width="435"/>
        <mx:Button id="btn_Cancel" label="Cancel" width="120"/>
        <mx:Button id="btn_Submit" label="Submit" click="submit(event)" width="120"/>
    </mx:HBox>

呼叫提交后

this.quesBx.height += 50;
btnBx.y += 50;

为什么它们都重叠？我怎么能在第一个盒子之后得到第二个盒子。

Answer 1

确保在第一个includeInLayout=true设置visible=true时设置HBox。

在Vbox flex中管理hbox

1 个答案: