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

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

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
Flex渲染機(jī)制中外部Flex渲染器用法指導(dǎo)

你對Flex渲染機(jī)制是否熟悉,這里和大家分享一下Flex渲染機(jī)制中外部Flex渲染器的概念,相信本文介紹一定會讓你有所收獲。

江州ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道,可以享受市場價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:028-86922220(備注:SSL證書合作)期待與您的合作!

Flex渲染機(jī)制之外部Flex渲染器

這種Flex渲染器的MXML標(biāo)記和ActionScript代碼與使用該渲染器的列表位于同一文件中。代碼與文件中的其余代碼內(nèi)聯(lián)。您應(yīng)該還記得我說過,應(yīng)該將內(nèi)聯(lián)渲染器視作單獨(dú)的類。事實(shí)上,Flex編譯器提取這些內(nèi)聯(lián)代碼并為您創(chuàng)建類。內(nèi)聯(lián)渲染器的優(yōu)勢在于代碼與列表位于同一位置,但是如果渲染器變得復(fù)雜時(shí),這又變成了劣勢。本文中我將向您展示如何自己創(chuàng)建類。

將Flex渲染器提取到一個(gè)外部文件有幾個(gè)優(yōu)勢:

◆渲染器可輕松用于多個(gè)列表中

◆代碼更容易維護(hù)

◆可以使用FlexBuilder的“設(shè)計(jì)”視圖草擬出最初的渲染器

MXML渲染器

在第1部分中,您看到有一個(gè)復(fù)雜的渲染器用于DataGrid:

 
 
 
  1.  
  2.  
  3.  
  4.  
  5.  
  6. overridepublicfunctionsetdata(value:Object):void{  
  7. super.data=value;  
  8. vartoday:Number=(newDate()).time;  
  9. varpubDate:Number=Date.parse(data.date);  
  10. if(pubDate>today)setStyle("backgroundColor",0xff99ff);  
  11. elsesetStyle("backgroundColor",0xffffff);  
  12. }  
  13. ]]> 
  14.  
  15.  
  16. scaleContent="true"/> 
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  

 ◆Flex渲染器基于HBox,包含一個(gè)Image和一個(gè)Text,并且根據(jù)項(xiàng)目記錄的pubDate字段設(shè)置背景色。可以使用以下步驟將同一Flex渲染器編寫為一個(gè)外部文件:

如果您使用FlexBuilder,請新建一個(gè)MXMLComponent文件(我將我的文件命名為GridColumnSimpleRenderer,您可以隨意命名),將根標(biāo)記設(shè)置為HBox。不必?fù)?dān)心大小。

如果您只使用SDK,請新建一個(gè)MXML文件(將它命名為GridColumnSimpleRenderer.mxml),將根標(biāo)記設(shè)置為HBox。
在文件打開時(shí),復(fù)制之間的所有內(nèi)容,但不要復(fù)制那些標(biāo)記,因?yàn)槲募幸延兴鼈?。結(jié)果應(yīng)該如下:

 
 
 
  1.  
  2. width="400"height="300"> 
  3.  
  4. overridepublicfunctionsetdata(value:Object):void{  
  5. super.data=value;  
  6. vartoday:Number=(newDate()).time;  
  7. varpubDate:Number=Date.parse(data.date);  
  8. if(pubDate>today)setStyle("backgroundColor",0xff99ff);  
  9. elsesetStyle("backgroundColor",0xffffff);  
  10. }  
  11. ]]> 
  12. scaleContent="true"/> 
  13.  
  14.  
  15.  

 保存此文件。

現(xiàn)在修改DataGridColumn定義,方法是刪除內(nèi)聯(lián)渲染器并將它替換為以下內(nèi)容:

 
 
 
  1. itemRenderer="GridColumnSimpleRenderer"> 

現(xiàn)在運(yùn)行這個(gè)應(yīng)用程序。您會大吃一驚。因?yàn)樾泻芨?。這是因?yàn)殇秩酒魃系膆eight="300"。

◆決定Flex渲染器的寬度和高度

List控制始終設(shè)置渲染器的寬度。本例中將忽略明確的width="400"。您應(yīng)當(dāng)編寫自己的渲染器,假設(shè)用戶更改列或列表寬度是寬度會更改。

高度則是另一回事。如果列表設(shè)置了明確的rowHeight,它會將這個(gè)高度強(qiáng)加到各行,忽略您對渲染器設(shè)置的任何高度。但是,如果您將列表的variableRowHeight屬性設(shè)置為true,則列表會慎重考慮渲染器的高度。在本例中,高度明確設(shè)置為300,所以各行為300像素高。

要修復(fù)它,請從渲染器文件中刪除明確高度,應(yīng)用程序即可正確運(yùn)行。


分享題目:Flex渲染機(jī)制中外部Flex渲染器用法指導(dǎo)
文章源于:http://m.5511xx.com/article/djceijh.html