Flex States 应用

这几天做项目重构，发现一个蹊跷的问题，A类基础B类，本来不应该基础B中的Xml定义的原件的，但是却发现继承了！最重要的是我A类还需要添加B类，这样导致B类的内容出现两次，而且仅仅是states状态下B的那个组件出现了！刚开始怎么也想不明白怎么会出现两次，知道一步步调试才发现原来是States在搞怪。

当你在Flex的Application或者自定义控件中设置了States属性后，等到控件初始化时，States数组中包的State对象中有个overrides的属性，它里面就包含了这个状态下的所有要显示的对象（包括组件，style等）。所以如果你继承了B，你就继承了B的States数组，你初始化A的时候就会把States数组中包含的State的显示对象都初始化。对A来说，相当于就继承了B的xml的组件了！

看下测试代码：

App：

<?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" 
			   frameRate="2"
			   minWidth="955" minHeight="600"
			   xmlns:state="com.view.state.*">
	<s:layout>
		<s:VerticalLayout/>
	</s:layout>
	<state:StateThree id="two"/>
</s:Application>

 StateThree:

<?xml version="1.0" encoding="utf-8"?>
<state:StateOne xmlns:fx="http://ns.adobe.com/mxml/2009" 
				xmlns:s="library://ns.adobe.com/flex/spark" 
				xmlns:mx="library://ns.adobe.com/flex/mx" 
				name="stateThree"
				xmlns:state="com.view.state.*" width="400" height="300">
	<!--这里是个测试，我在StateOne中定义了一个set 的test 方法，在子类StateThree中，你可以以XML形式的形式对它进行赋值。
	所以不要看是否是XML定义的就能否继承，而是看它是xml组件还是xml形式的方法。方法当然可以继承。
	-->
	<state:test>
		<fx:Object a="b"/>
		<fx:Object a="d"/>
		<fx:Object a="e"/>
	</state:test>
	<!--对于子类来说，如果你也定义了States，就相当于重写了父类的方法，所以就不会再继承父类的States定义了-->
	<s:Label text="three"/>
</state:StateOne>

 StateOne:

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
		 xmlns:s="library://ns.adobe.com/flex/spark" 
		 xmlns:mx="library://ns.adobe.com/flex/mx" 
		 name="stateOne"
		 width="400" height="300" currentState="normal">
	<fx:Script>
		<![CDATA[
			import mx.events.FlexEvent;
			public function set test(array:Array):void
			{
				for each(var item:Object in array)
				{
					trace("item.a=" + item.a);
				}
			}
		]]>
	</fx:Script>
	<s:states>
		<s:State name="normal"/>
		<s:State name="min"/>
	</s:states>
	<s:layout>
		<s:VerticalLayout/>
	</s:layout>
	<s:Label text="normal" includeIn="normal"/>
	<s:Label text="min" includeIn="min"/>
</s:Group>

 

****如果你想取消掉states的继承，你可以重写states方法******

例如：

override public function set states(value:Array):void
{
	super.states = new Array();
	currentState = null;
}