理解itemRenderer

本文系原创，转载时请表明出处。

使用Flex的组件时，大伙不可避免要和itemRenderer打交道。Flex组件中，支持自定义itemRenderer功能的组件不少，常 见的有List,TileList,ComboBox,Tree,DataGrid等。这类组件具有一个共性：显示一组数据，并具备交互功能。

在使用这些组件时，我们只需要把数据按照一定的格式组织好，然后赋予给组件作为dataProvider，剩下的事就由组件来完成。处于需要，有时 候我们需要个性化数据的显示方式，比如List组件，默认的itemRenderer是一个类似Label的元件，只显示每一条数据中的固定字段，如果想 要显示更多信息，就必须自定义一个itemRenderer。

itemRenderer的实现原理

itemRenderer的实现依赖于 AS3的一个重要特性：反射。反射 (Reflection) 是指在程序在运行时 (run-time) 获取类信息的方式，比如实现动态创建类实例、方法等。示例如下：

    import flash.utils.getQualifiedClassName;
    var cls:Class = flash.display.MovieClip;
    var mc:MovieClip = new cls();
    trace(getQualifiedClassName(mc));

    //输出：flash.display::MovieClip

itemRenderer的本质是Class类型，组件获取数据后，动态生成itemRenderer的实例。

itemRenderer 的特点
可以被当作 itemRenderer的组件，都实现了mx.core.IDataRenderer接口或 mx.controls.listClasses.IListItemRenderer接口，还有 mx.core.listClasses.IDropInListItemRenderer接口，用来实现有下拉框组件的itemRenderer。

不管怎样，组件都有data属性，这是一个存取器性质的函数。 这个函数很有用。

itemRenderer的工作方式
首先要明白一点，组件并不是很简单地把数据一次显示。为了提高运行效率，组件在处理数据时，只是创建了适当的itemRenderer，来完成显示区域的 数据显示，这样，当数据源的数据量很大时，也不会耗费系统的资源。而且，itemRenderer是根据需要创建，创建后又是反复使用，很绿色，很环保。 当显示区域发生变化或者拉动滚动条时，组件只是更新itemRenderer的数据。

比如，TileList、List组件，如果数据源只有一条数据，显示区域可以同时显示十条，则开始时只创建一个itemRenderer，添加一 条数据，再创建一个新的itemRenderer。当数据量超过显示区域的最大值10时，就不再创建新的itemRenderer，而是回收利用现有资 源。

另外，TileList、List还会创建一个多余的 itemRenderer，用来检测itemRenderer的尺寸等，方便定位。

虽然itemRenderer是真正的环抱战士，但如果我们使用不当，就会出现很多奇怪的现象，比如内存泄露就是一个很常见的问题。在Adobe官方的论坛上，就经常见到这类讨论。其实，理解了itemRenderer的动作原理，这些问题就不难找到解决方法。