Flex中使用渲染器 ItemRenderer

2021-09-05 21:04:13 字數 1509 閱讀 6044

flex中的渲染器(itemrenderer)使用非常頻繁,可以讓使用者自行定義資料的顯示格式,做過.net開發的朋友我想都知道資料控制項中的itemtemplate,我個人認為flex中的itemrenderer和.net中的itemtemplate從功能上來說相差不大,在flex要顯示特定的格式完全可以通過itemrenderer來自定義。

在《使用tilelist+titlewindowt元件開發聊天表情功能

》這文章裡其實就已經用到了itemrenderer,只是沒有專們提出來介紹,這裡使用的是內部itemrenderer,除此之外我們還可以使用外部itemrenderer。故名思意內部itemrenderer就是直接巢狀在flex內部的,外部itemrenderer則是將要顯示的效果通過外部元件或是外部類來進行定義開發。

<

mx:tilelist x="

0"y=

"0"width="

100%

"height="

100%"id

="facelist

"dataprovider="

"itemclick="

onitemclick(event)

">

<

mx:itemrenderer

>

<

mx:component

>

<

mx:image source="

"/>

mx:component

>

mx:itemrenderer

>

mx:tilelist

>

如上則是使用的內部itemrenderer,通過和在flex元件的內部定義專案渲染器(itemrenderer)。如果想使用外部itemrenderer的方式實現呢,則需要定義乙個外部itemrenderer,將renderer的格式在自定義的類或元件中去實現,如下:

package

protected

override

function createchildren():

void

protected

override

function commitproperties():

void}}

在flex元件中通過itemrenderer屬性引用自定義的外部渲染器就ok了,最終效果就是《使用tilelist+titlewindowt元件開發聊天表情功能

》這文章裡的效果。

<

mx:tilelist x="

0"y=

"0"width="

100%

"height="

100%"id

="facelist

"dataprovider="

"itemclick="

onitemclick(event)

"itemrenderer="

facerenderer

">

mx:tilelist

>

Flex 內聯渲染器(上)

flex 提供許多控制,它們可以按不同方式顯示大量資料。list 控制自己 datagrid tree 以及包括圖表和 advanceddatagrid 在內的可視類。預設情況下,flex 列表控制將提供的資料顯示為簡單文字。但 flex 的能耐遠不止此,列表控制提供了一種使用 itemrender...

flex 渲染機制 之外部渲染器

itemrenderer 這種 itemrenderer 的 mxml 標記和 actionscript 與使用該 itemrenderer 的列表位於同一檔案中。與檔案中的其餘 內聯。將 itemrenderer 提取到乙個外部檔案有幾個優勢 itemrenderer 可輕鬆用於多個列表中 更容易...

flex4 學習筆記 flex專案渲染器

flex試用label控制項作為預設的專案渲染器.這個預設渲染的作用只是渲染提供給它的文字,當指定乙個專案渲染器的時候,就會用自定義渲染器覆蓋預設的渲染器.具體過程如下 下面是改進後的專案渲染器 0 emailbutton.visible true else emailbutton.visible ...