كيفية توسيط محاذاة زر في hbox في المرن؟

Question

لدي VBOX من الداخل لدي 4 هوسات. مستويات Hbox المستوى الثاني مخفي في البداية. عندما أقوم بالنقر فوق الملصق، "إظهار المزيد من الخيارات"، يتم عرض Hbox المستوى الثاني. الآن لدي المساحة المحتلة من قبل "Hbox المستوى الثاني" فارغ و "البحث" Appaers أسفل المساحة.

سؤالي الأول هو، هل هناك طريقة لوضع زر البحث بطريقة ما، المساحة ليست موجودة بعد وبعد النقر فوق علامة "إظهار المزيد من الخيارات"، يظهر "المستوى الثاني Hbox"؟

والسؤال الثاني هو، هل يمكنني وضع زر البحث في مركز الصفحة. هل هناك أي طريقة لمركز محتويات Hbox من VBOX؟

هذا هو رمزي:

<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%"

بالنسبة للمساحة الفارغة التي تم إنشاؤها بواسطة صناديق غير مرئية (Hbox أو Vbox)، لا أعرف ما إذا كان هناك أي طريقة، لكنني أجد نفسي أضيف هذه السمة إلى المربع غير المرئي،

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

امل ان يساعد

Answer 2

لإخفاء المكون حقا، قم بتعيين سمة FightinLayout إلى أي شيء مرئي. (أو تعيينه بنفسك عند تغيير المرئي) بشكل افتراضي، صحيح، لذلك ما إذا كان المكون مرئيا أم لا، يتم قياس المساحة بها.

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

Answer 3

يمكنك استخدام الدول المرنة لإضافة HBOST المستوى الثاني عند ومتى هو مطلوب.