如何中心在Flex中横向盒对齐按钮？

StackOverflow https://stackoverflow.com/questions/1529706

  •  20-09-2019
  •  | 
  •  

题

我有一个垂直框在其内部我有4个横向方框。第二个层次HBox中最初是隐藏的。当我点击标签，“显示更多选项”，显示第二级HBox中。 现在我有由“第二级HBOX”空和下方空间的“搜索”按钮appaers占据的空间。

我的第一个问题是，是否有办法以这样的方式来定位搜索按钮，空间是不存在的，并“显示更多选项”标签，点击之后，“二级HBox中”出现？

和第二个问题是，我可以在页面中央的搜索按钮的位置。是否有任何居中一个垂直框的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">

您可以使用弯曲状态来添加所述第二电平的hbox作为和当需要。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top