Flex如何真正隐藏一个组件

大家一定会认为是使用myComponent.visible = false;，但实际上它并不能如你所愿。如果其父元素为VBox或HBOX ,那么会有一个间隙。你可以设置它的Height为0，但仍要注意verticalGap和horizontalGap。

解决方法是visible和includeInLayout 一起使用，详见代码：


程序代码

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application 
     xmlns:mx=" http://www.adobe.com/2006/mxml " 
     layout="vertical">

     <mx:states> 
          <mx:State name="hideText"> 
          <mx:SetProperty target="{myText}" 
          name="includeInLayout" value="false" /> 
               <mx:SetProperty target="{myText}" 
                    name="visible" value="false" /> 
          </mx:State>
     </mx:states>
      
      
     <mx:Button label="hide text" 
          click="currentState = 'hideText'" />
     <mx:Text id="myText" text="hello, this text will 
     be hidden or shown, depending on the buttons" />
     <mx:Button label="show text" 
          click="currentState = ''" />
</mx:Application>