flex之空间的visible，includeInLayout实现显示与隐藏

注：原创作品，分享以供学习交流，转载请注明出处。

flex控件的：
visible属性用来控制空间是否显示。如果此属性设置为false，则控件不显示，却依然占据 
       flex舞台的空间
includeInLayout属性用来设置控件是否占据flex舞台的空间，

两者结合：visible设置为false，includeInLayout设置为false，则可完全隐藏控件。

下面是实例：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>

	<fx:Script>
		<![CDATA[
			import mx.controls.Alert;
			protected function button1_clickHandler(event:MouseEvent):void
			{
				// TODO Auto-generated method stub
				Alert.show("heheh");
				test1.visible = false;
				test1.includeInLayout = false;
			}
		]]>
	</fx:Script>

	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	
	<mx:VBox horizontalAlign="center" verticalAlign="middle">
		<s:TextInput id="test1"/>
		<s:Button click="button1_clickHandler(event)"/>
	</mx:VBox>
</s:Application>