ItemRender---之使用ClassFactory生成渲染器

问题
你想在运行时修改List或DataGridColumn的渲染器，或改变渲染器的属性。

解决方案

使用ClassFactory对象作为Itemrenderer。ClassFactory实现了IFactory接口，你只要传一个类对象（即Class类型的对象）给它，它就可以生成这个类的对象。

 

讨论

 这种解决办法，使用了工厂设计模式，并且使用了flex的一些内部机制。在使用工厂模式时，你需要指定一个类型给工厂，这个类型的对象会被工厂类产生并作为渲染器使用，并且工厂类可以控制渲染器的生命周期。那么我们如何把类型指定给工厂类呢？我们需要传一个类对象给工厂类，正如下边的代码。

var factory:ClassFactory = new ClassFactory(oreilly.cookbook.SevenTwoFactor );

 

在这里原文提到了 SevenTwoFactor继承IFactory接口等等，大家需要多了解一些ClassFactory的相关知识，在实际操作中，我们一般都是创建ClassFactory的实例赋值itemRenderer。因为set itemRenderer方法需要的参数是IFactory类型，系统最终会用这个factory对象实例我们的itemRenderer。也就是说，我们给系统的不是一个itemRenderer而是一个能产生itemRenderer的factory，在系统需要时自己用factory产生itemRenderer的实例，也许信息的读者会发现，当我们写mxml的时候，itemRenderer的属性可以赋值一个类路径，这就是因为flex对mxml里的itemRenderer做了一些特殊的功能，如果你传的是一个类路径，系统会帮你创建一个ClassFactory。

例子：

DynamicRenderer 

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" > <mx:Script> <!--[CDATA[ public function changeRenderer():void{ if(btnChange.label == "change to big"){ list.itemRenderer = new ClassFactory(customItemrenderer.BigIconRenderer); //这里正如我上边所说，这里只需要传一个普通类就可以了，但实际开发中我们这里一般都传一个自定义组件，或类似的东西。 btnChange.label = "change to small"; }else{ var cf:ClassFactory = new ClassFactory(customItemrenderer.SmallIconRenderer); //在下边的代码中我实例大家如何利用ClassFactory的properties属性给新产生的对象赋值。 //cf.properties={xx:"heihei"}; var o:Object = new Object(); o.xx = "xixi"; cf.properties = o; //上边的写法，和上边注释掉的写法都是可以的，但我觉得更负责的写法是： //if(cf.properties == null){ // cf.properties = new Object(); // } // o.xx = "hehe"; // list.itemRenderer = cf; btnChange.label = "change to big"; var c:Class = customItemrenderer.BigIconRenderer; var x:Object = new c(); } } ]]--> </mx:Script> <mx:List id="list" width="300" height="300" itemRenderer="customItemrenderer.SmallIconRenderer" variableRowHeight="true"> <mx:dataProvider> <mx:Object label="this is item a" /> <mx:Object label="this is item b" /> <mx:Object label="this is item c" /> <mx:Object label="this is item d" /> </mx:dataProvider> </mx:List> <mx:Button id="btnChange" label="change to big" click="changeRenderer()" x="308" y="10"/> </mx:Application>  

SmallIconRenderer 

<?xml version="1.0" encoding="utf-8"?> <mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> <!--[CDATA[ public var item:Object = new Object(); public var xx:String; ]]--> </mx:Script> <mx:Label text="{data.label}"/> <mx:Text text="小" /> <mx:Button label="{xx}" /> </mx:HBox>  

BigIconRenderer

<?xml version="1.0" encoding="utf-8"?> <mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> <!--[CDATA[ public var item:Object = new Object(); ]]--> </mx:Script> <mx:Label text="{data.label}" fontSize="20" fontWeight="bold" color="0xff0000"/> <mx:Text text="大" /> </mx:HBox>