どのようにFlexでのhboxのボタンを中央揃えするには?
-
20-09-2019 - |
質問
私は4 HBoxesを持っている内のVBoxを持っています。第二レベルのHBoxは、最初は非表示になります。私はラベルをクリックすると、「より多くのオプションを表示する」、セカンドレベルのHBoxが表示されます。 今、私は「第二レベルのhbox」空と宇宙下記の「検索」ボタンappaersの占有スペースを持っています。
私の最初の質問は、ある領域がないと「ショーよりオプション」ラベルがクリックされた後、「セカンドレベルのHBoxは、」?表示される、というような方法で検索ボタンを配置する方法はありますP>
そして、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>
解決
問題のボックスに次の属性を追加し、HBoxの内部のものを中央に、
horizontalAlign="center" width="100%"
目に見えないボックス(HBoxのか、VBoxの)によって作成された空きスペースについては、私はどのような方法があるかどうか知らないが、私は自分自身が見えないボックスにこの属性を追加すること見つけます
height="{secondLevel.visible ? 200 : 0}"
助け希望
他のヒント
本当に見える何であるにincludeInLayout属性を設定し、コンポーネントを非表示にします。デフォルトでは、(あなたが目に見える変更する場合またはそれを自分で設定)コンポーネントが表示されているかどうかにかかわらず、スペースを出て測定されるようにします。
、それは、本当です<mx:HBox id="secondLevel" visible="false" includeInLayout="{secondLevel.visible}" paddingTop="5">
所属していません StackOverflow