10

VBox があり、その中に 4 つの HBox があります。2 番目のレベルの HBox は、最初は非表示になっています。「Show more Options」というラベルをクリックすると、第 2 レベルの HBox が表示されます。これで、「第 2 レベルの HBOx」が占めるスペースが空になり、スペースの下に「検索」ボタンが表示されます。

私の最初の質問は、スペースがなく、「Show more Options」ラベルをクリックした後に「Second Level HBox」が表示されるように検索ボタンを配置する方法はありますか?

2 つ目の質問は、検索ボタンをページの中央に配置できますか。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>

4

3 に答える 3

1

コンポーネントを完全に非表示にするには、includeInLayout 属性を表示可能なものに設定します。（または、表示を変更するときに自分で設定します）デフォルトではtrueなので、コンポーネントが表示されているかどうかに関係なく、スペースが測定されます。

<mx:HBox id="secondLevel" visible="false" includeInLayout="{secondLevel.visible}" paddingTop="5">
于 2009-10-08T05:07:43.507 に答える
0

フレックス状態を使用して、必要に応じて第 2 レベルの hbox を追加できます。

于 2009-10-07T06:17:00.620 に答える