日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
解析Flex渲染器的使用

在學(xué)習(xí)Flex的過程中，你可能會遇到Flex渲染器的概念，這里和大家分享一下Flex渲染器的使用，在Flex要顯示特定的格式完全可以通過Flex渲染器來自定義。

網(wǎng)站的建設(shè)創(chuàng)新互聯(lián)專注網(wǎng)站定制,經(jīng)驗豐富,不做模板,主營網(wǎng)站定制開發(fā).小程序定制開發(fā),H5頁面制作!給你煥然一新的設(shè)計體驗!已為成都宴會酒店設(shè)計等企業(yè)提供專業(yè)服務(wù)。

Flex中使用渲染器(ItemRenderer)

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

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

 
 
 
    
  
  
  
  1. 
  
  
  
  2. dataProvider="{faceArray}"itemClick="onItemClick(event)"> 
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9.  
    10.

 如上則是使用的內(nèi)部ItemRenderer，通過和在Flex組件的內(nèi)部定義項目渲染器（ItemRenderer）。如果想使用外部Flex渲染器的方式實現(xiàn)呢，則需要定義一個外部Flex渲染器,將Renderer的格式在自定義的類或組件中去實現(xiàn)，如下：

 
 
 
    
  
  
  
  1. package  
    2. 
  
  
  
  2. {  
    3. 
  
  
  
  3. importmx.core.UIComponent;  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5. publicclassFaceRendererextendsUIComponent  
    6. 
  
  
  
  6. {  
    7. 
  
  
  
  7. privatevarimageUrl:Image;  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9. publicfunctionFaceRenderer()  
    10. 
  
  
  
  10. {  
    11. 
  
  
  
  11. super();  
    12. 
  
  
  
  12. }  
    13. 
  
  
  
  13.  
    14. 
  
  
  
  14. protectedoverridefunctioncreateChildren():void  
    15. 
  
  
  
  15. {  
    16. 
  
  
  
  16. imageUrl=newImage();  
    17. 
  
  
  
  17. }  
    18. 
  
  
  
  18.  
    19. 
  
  
  
  19. protectedoverridefunctioncommitProperties():void  
    20. 
  
  
  
  20. {  
    21. 
  
  
  
  21. super.commitProperties();  
    22. 
  
  
  
  22. imageUrl.source=data.ImageUrl;  
    23. 
  
  
  
  23. }  
    24. 
  
  
  
  24. }  
    25. 
  
  
  
  25. }  
    26. 
  
  
  
  26.  
    27.

 在Flex組件中通過Flex渲染器屬性引用自定義的外部渲染器就OK了，最終效果就是《使用TileList+TitleWindowt組件開發(fā)聊天表情功能》這文章里的效果。

 
 
 
    
  
  
  
  1. 
  
  
  
  2. dataProvider="{faceArray}" 
    3. 
  
  
  
  3. itemClick="onItemClick(event)" 
    4. 
  
  
  
  4. itemRenderer="FaceRenderer"> 
    5. 
  
  
  
  5.  
    6.

【編輯推薦】

  1. 解析Flex組件中Label組件的用法
  2. Flex主題創(chuàng)建及支持的樣式設(shè)置方式
  3. 全面認(rèn)識Flex應(yīng)用程序的六大元素
  4. 揭開Flex正則表達式的神秘面紗
  5. Flex數(shù)據(jù)綁定及其使用頻繁的幾種情況 

網(wǎng)站名稱：解析Flex渲染器的使用
本文路徑：http://m.5511xx.com/article/dhjpcjc.html