Flex中的内部类_flex组件classname-优快云博客

(转载)

内部类指的是在一个类的内部在声明一个类的定义，只种情况在 java 中是非常常见的现象，有的时候，这种用法用起来非常的方便。但是当你再在 ActionScript 类中，定义一个内部类的时候，就会提示编译错误： “ 类的定义不能够嵌套 ” 。这就郁闷了，莫非真的就不能实现了吗？有一种方法可回避这个问题。

ActionScript 类有两种形式，一种是扩展名为 as 的，这种类的写法和 java 非常相似。另外一种是以 mxml 为扩展名的文件，这种类是以 xml 文件格式书写的类，其中也可以嵌套 as 代码。两种文件在 Flex 中的作用是相同的都代表一个类。在 as 代码中定义内部类是行不通的，前面已经说明了。只好把眼光放到 mxml 类型的类中了。在 xmxl 的标签中， flex 提供了一个 <mx:Component> 标签，这种标签只适用于 mxml 文件中，用来内联渲染器，多用于 DataGrild 控件用来功能扩展。 <mx:Component> 标签有两个属性 id 和 className ， id 属性属性可以指定一个内嵌组件标识符，以便您可以使用作为数据绑定时数据源的表达式。 className 属性指定内嵌组件的类名称，也就是相当于内部类的类名了。这就好办了，既然 AS 类中不可以有内部类，但是 mxml 类中可以嵌入组件，组件也是类那就是内部类了。

接下来就可以这样这样做，定义一个 mxml 组件，该组件可以继承与任意一个可视组件。例如可以继承于 Canvas 类，创建完毕加入 <mx:Component> 标签，代码如下所示：

view plain copy to clipboard print ?

<? xml version = "1.0" encoding = "utf-8" ?>
< mx:Canvas xmlns:mx = "http://www.adobe.com/2006/mxml" width = "400" height = "300" >
< mx:Component >
< mx:HBox >
< mx:TextInput width = "200" />
< mx:Button label = "OK" />
</ mx:HBox >
</ mx:Component >
</ mx:Canvas >

<?xml version="1.0" encoding="utf-8"?> <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300"> <mx:Component> <mx:HBox> <mx:TextInput width="200"/> <mx:Button label="OK"/> </mx:HBox> </mx:Component> </mx:Canvas>

我们声明了一个内嵌组件，这个组件继承与 VBox 类，在这个组件中还添加了一个文本框和一个按钮。这个内嵌组件可以有自己的 AS 代码这些代码和外部类的代码是没有冲突的。如下所示：

view plain copy to clipboard print ?

<?xml version= "1.0" encoding= "utf-8" ?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width= "400" height= "300" >
<mx:Component className="MyInput" >
<mx:HBox>
<mx:Script>
<!--[CDATA[
import mx.managers.PopUpManager;
public var text:String = "test property" ;
private function onClick(): void
{
text = txt.text;
PopUpManager.removePopUp(this );
}
]]>
</mx:Script>
<mx:TextInput id="txt" width= "200" />
<mx:Button label="OK" click= "onClick()" />
</mx:HBox>
</mx:Component>
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
import mx.core.Application;
import mx.core.UIComponent;
private var mi:MyInput = null ;
private function onClick(): void
{
mi = PopUpManager.createPopUp(UIComponent(Application.application),MyInput,true ) as MyInput;
PopUpManager.centerPopUp(mi);
lb.text = mi.text;
}
]]-->
</mx:Script>
<mx:Button label="show popup" click= "onClick()" />
<mx:Label id="lb" width= "353" y= "30" height= "27" />
</mx:Canvas>

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300">
       <mx:Component className="MyInput">
              <mx:HBox>
                     <mx:Script>
                            
       </mx:Script>
       <mx:Button label="show popup" click="onClick()"/>
       <mx:Label id="lb" width="353" y="30" height="27"/>
</mx:Canvas>

在上面这个例子中，内嵌组件完全可以当成是一个内部类来使用，可以创建对象，可以访问该对象的方法和属性。当使用内部类的时候需要注意以下几点：

1 、内嵌组件有一个关键字“ outerDocument ”用来访问外部类的公共属性和方法，但是仅限于内嵌组件用于 item renderer 或者 item editor 的时候。以上这种用法，是不可以使用 outerDocument 关键字的。