Flex中定義和使用渲染器的方式

這篇文章主要講解了“Flex中定義和使用渲染器的方式”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“Flex中定義和使用渲染器的方式”吧！

Flex中使用渲染器(ItemRenderer)

Flex渲染器使用非常頻繁，可以讓用戶自行定義數據的顯示格式，做過.NET開發的朋友我想都知道數據控件中的ItemTemplate，我個人認為Flex中的Flex渲染器和.NET中的ItemTemplate從功能上來說相差不大，在Flex要顯示特定的格式完全可以通過Flex渲染器來自定義。

在《使用TileList+TitleWindowt組件開發聊天表情功能》這文章里其實就已經用到了Flex渲染器，只是沒有專們提出來介紹，這里使用的是內部ItemRenderer，除此之外我們還可以使用外部ItemRenderer。故名思意內部ItemRenderer就是直接嵌套在Flex內部的，外部Flex渲染器則是將要顯示的效果通過外部組件或是外部類來進行定義開發。

<mx:TileListxmx:TileListx="0"y="0"width="100%"height="100%"id="faceList" dataProvider="{faceArray}"itemClick="onItemClick(event)"> <mx:itemRenderer> <mx:Component> <mx:Imagesourcemx:Imagesource="{data.ImageUrl}"/> </mx:Component> </mx:itemRenderer> </mx:TileList>

如上則是使用的內部ItemRenderer，通過<mx:itemRenderer>和<mx:Component>在Flex組件的內部定義項目渲染器（ItemRenderer）。如果想使用外部Flex渲染器的方式實現呢，則需要定義一個外部Flex渲染器,將Renderer的格式在自定義的類或組件中去實現，如下：

package  {  importmx.core.UIComponent;   publicclassFaceRendererextendsUIComponent  {  privatevarimageUrl:Image;   publicfunctionFaceRenderer()  {  super();  }   protectedoverridefunctioncreateChildren():void  {  imageUrl=newImage();  }   protectedoverridefunctioncommitProperties():void  {  super.commitProperties();  imageUrl.source=data.ImageUrl;  }  }  }

在Flex組件中通過Flex渲染器屬性引用自定義的外部渲染器就OK了。

<mx:TileListxmx:TileListx="0"y="0"width="100%"height="100%"id="faceList" dataProvider="{faceArray}" itemClick="onItemClick(event)" itemRenderer="FaceRenderer"> </mx:TileList>

感謝各位的閱讀，以上就是“Flex中定義和使用渲染器的方式”的內容了，經過本文的學習后，相信大家對Flex中定義和使用渲染器的方式這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！