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 ...