如何将一个按钮对齐在一个hbox中的flex？

我有一个V@R_301_460@里面我有4个H@R_301_460@es.第二级的H@R_301_460@最初是隐藏的.当我点击标签“显示更多选项”时,显示第二级别的H@R_301_460@.
现在我有“二级H@R_301_460@”空格和空间下方的“搜索”按钮.

我的第一个问题是,有没有办法定位搜索按钮,这样的空间不存在,并且在“显示更多选项”标签被点击之后,出现“二级H@R_301_460@”？

第二个问题是,我可以将搜索按钮定位在页面的中心.有没有办法集中一个V@R_301_460@的H@R_301_460@的内容？

这是我的代码：

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


<mx:V@R_301_460@ id="search@R_301_460@" >
    <mx:H@R_301_460@ 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:H@R_301_460@>

    <mx:H@R_301_460@ 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:Combo@R_301_460@ id="searchTaskType" paddingLeft="10"/> 
    </mx:H@R_301_460@>

    <mx:H@R_301_460@ 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:Combo@R_301_460@ id="searchWon" paddingLeft="10"/>
    </mx:H@R_301_460@>


    <mx:H@R_301_460@>
        <mx:Button label="Search"  />
    </mx:H@R_301_460@> 


</mx:V@R_301_460@>

解决方法

要将内容放在H@R_301_460@中,请将以下属性添加到相关框中,

horizontalAlign="center" width="100%"

对于由隐形框(H@R_301_460@或V@R_301_460@)创建的空白空间,我不知道是否有任何方式,但我发现自己将此属性添加到隐形框中,

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

希望有帮助

如何将一个按钮对齐在一个hbox中的flex？

解决方法

猜你在找的Flex相关文章