कैसे फ्लेक्स में एक बॉक्स में एक बटन संरेखित करने के लिए केंद्र?

Question

मेरे पास एक वीबीओक्स है जिसमें मेरे पास 4 एचबीक्स हैं। दूसरे स्तर पर एचबीओक्स शुरू में छिपा हुआ है। जब मैं लेबल पर क्लिक करता हूं, 'अधिक विकल्प दिखाएं', दूसरा स्तर एचबीओक्स प्रदर्शित होता है। अब मेरे पास 'द्वितीय स्तर एचबीओक्स' खाली और अंतरिक्ष के नीचे 'खोज' बटन एपएयर द्वारा कब्जा कर लिया गया स्थान है।

मेरा पहला सवाल यह है कि, खोज बटन को इस तरह से स्थापित करने का कोई तरीका है कि, जगह नहीं है और 'अधिक विकल्प दिखाएं' लेबल क्लिक करने के बाद, 'द्वितीय स्तर एचबॉक्स' दिखाई देता है?

और दूसरा सवाल यह है कि, क्या मैं पृष्ठ के केंद्र में खोज बटन को स्थान दे सकता हूं। क्या वीबीओक्स के एचबीओक्स की सामग्री को केन्द्रित करने के लिए कोई तरीका है?

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

बनाया खाली जगह के लिए के रूप में:

यह मेरा कोड है अदृश्य बक्से (एचबॉक्स या वीबॉक्स) द्वारा, मुझे नहीं पता कि कोई रास्ता है या नहीं, लेकिन मुझे लगता है कि मैं इस विशेषता को अदृश्य बॉक्स में जोड़ रहा हूं,

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

आशा है कि मदद करता है

Answer 2

आप flex states उपयोग कर सकते हैं के रूप में दूसरे स्तर hbox जोड़ने के लिए और जब यह आवश्यक है।

Answer 3

वास्तव में घटक को छिपाने के लिए, जो भी दिखाई दे रहा है, उसमें शामिल करें विशेषताएँ सेट करें। (या जब आप दृश्यमान बदलते हैं तो इसे स्वयं सेट करें) डिफ़ॉल्ट रूप से, यह सच है, तो घटक दिखाई दे रहा है या नहीं, अंतरिक्ष को मापा जाता है।

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