Flex의 Hbox에서 버튼을 중앙에 맞추는 방법은 무엇입니까?

Question

4 개의 Hbox가있는 vbox가 있습니다. 두 번째 레벨 Hbox는 처음에 숨겨져 있습니다. 라벨을 클릭하면 '더 많은 옵션 표시'라면 두 번째 레벨 Hbox가 표시됩니다. 이제 나는 '두 번째 레벨 Hbox'빈 공간을 차지하고 '검색'버튼이 공간 아래에있는 공간이 있습니다.

첫 번째 질문은 공간이없고 '더 많은 옵션 표시'레이블을 클릭 한 후 '두 번째 레벨 Hbox'가 나타나는 방식으로 검색 버튼을 배치하는 방법이 있습니까?

두 번째 질문은 검색 버튼을 페이지 중앙에 배치 할 수 있다는 것입니다. vbox의 Hbox의 내용을 중심으로하는 방법이 있습니까?

이것은 내 코드입니다.

<mx:Form x="47" y="219" width="80%" >


<mx:VBox id="searchBox" >
    <mx:HBox id="searchTitle"  width="100%" height="20" backgroundColor="#2680D5">
        <mx:Label text="Search Criteria" paddingRight="250" width="654.6212" height="18.030302"/>
         <mx:Label text="show more options" id="moreOption"  click="showOption(event)" width="127.045456" height="21.969696"/>

    </mx:HBox>

    <mx:HBox id="firstLevel" paddingBottom="10" paddingTop="15" >

        <mx:Label text="Task Name" paddingLeft="20"/>
        <mx:TextInput id="searchTaskName" paddingLeft="10" /> 

        <mx:Label text="Item Code"  paddingLeft="30"/>
        <mx:TextInput id="searchItemCode" paddingLeft="10"/>

        <mx:Label text="Task Type" paddingLeft="30"/>
        <mx:ComboBox id="searchTaskType" paddingLeft="10"/> 
    </mx:HBox>

    <mx:HBox id="secondLevel" visible="false" paddingTop="5">

        <mx:Label text="Task ID" paddingLeft="20" />
        <mx:TextInput id="searchTaskId" paddingLeft="10"/>



        <mx:Label text="Project Won" paddingLeft="30"/>
        <mx:ComboBox id="searchWon" paddingLeft="10"/>
    </mx:HBox>


    <mx:HBox>
        <mx:Button label="Search"  />
    </mx:HBox> 


</mx:VBox>

Answer 1

Hbox 내부의 물건을 중앙에하려면 다음 속성을 해당 상자에 추가하십시오.

horizontalAlign="center" width="100%"

Invisible Box (Hbox 또는 Vbox)로 만든 빈 공간은 어떤 방법이 있는지 모르겠지만이 속성을 보이지 않는 상자에 추가하는 것을 발견했습니다.

height="{secondLevel.visible ? 200 : 0}"

도움이되기를 바랍니다

Answer 2

구성 요소를 진정으로 숨기려면 IncludeInLayout 속성을 표시된 내용으로 설정하십시오. (또는 눈에 보이는 변경시 직접 설정) 기본적으로 구성 요소가 보이 든 아니든 공간이 측정됩니다.

<mx:HBox id="secondLevel" visible="false" includeInLayout="{secondLevel.visible}" paddingTop="5">

Answer 3

당신이 사용할 수있는 플렉스 상태 두 번째 레벨 hbox를 필요로하는시기를 추가합니다.