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>