这几天做项目重构,发现一个蹊跷的问题,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; }
相关推荐
《Flex企业应用开发实战》共分为4大部分,涵盖企业级应用开发的整个生命周期。首先介绍了Flex/Flash的工作机理和利用Flex开发企业级应用必须掌握的基础知识和核心元素;接着剖析了Flex与Java的通信机制,以及Flex...
《Flex企业应用开发实战》全书共分为4大部分,涵盖企业级应用开发的整个生命周期。首先介绍了Flex/Flash的工作机理和利用Flex开发企业级应用必须掌握的基础知识和核心元素;接着剖析了Flex与Java的通信机制,以及...
FLEX企业应用开发实战_part2
FLEX企业应用开发实战PDF
flex flex flex flex flex
FLEX企业应用开发实战 PDF书和配书源代码
FLEX简单应用工程,学习FLEX入门必备的
《Flex企业应用开发实战》由业界4位拥有近10年企业级应用开发经验的资深专家撰写,权威性毋庸置疑。全书共分为4大部分,涵盖企业级应用开发的整个生命周期。首先介绍了Flex/Flash的工作机理和利用Flex开发企业级应用...
Flex 桌面应用 amdi库 很值得学习与借鉴
创 建过Java多语言本地化应用的朋友应该都很熟悉Java的本地化资源访问的功能,现在好了,Flex2诸多激动人心更新中的一个就是本地化特性 (localization feature),这倒是Adobe加强推广Flex2的一个强助力了(这一...
FLEX地图应用教程对于flex地图开发的初学者很有用。
Flex企业应用开发实战Flex企业应用开发实战Flex企业应用开发实战Flex企业应用开发实战
第1章 Flex企业应用开发入门 1.1 B/S企业应用开发者的噩梦 1.2 噩梦结束,新时代来临 1.3 Flex概述 1.4 Flash Player的工作模型 1.4.1 Flash Player的帧执行模型 1.4.2 Flash Player渲染模型 ...
ArcGIS API for Flex应用开发
代源码的企业应用FLEX开发实战,包括电子书及源码,分为10个章节
第1章 Flex企业应用开发入门 1.1 B/S企业应用开发者的噩梦 1.2 噩梦结束,新时代来临 1.3 Flex概述 1.4 Flash Player的工作模型 1.4.1 Flash Player的帧执行模型 1.4.2 Flash Player渲染模型 ...
完整版。很好用。
Flex企业应用开发实战源代码 本书由业界4位拥有近10年企业级应用开发经验的资深专家撰写,权威性毋庸置疑。 全书共分为4大部分,涵盖企业级应用开发的整个生命周期。首先介绍了Flex/Flash的工作机理和利用Flex开发...
Flex、案例、Flex应用案例
《Flex企业应用开发实战》学习笔记之Flex企业应用开发基础[收集].pdf