Àí½â Flex itemRenderer µÚ 5 ²¿·Ö: ЧÂÊ
ÔÎĵØÖ·£ºhttp://www.adobe.com/cn/devnet/flex/articles/itemrenderers_pt5.html
Èç¹ûÄúÒªÏÔʾ´óÁ¿ itemRenderer£ÎÞÂÛÔÚ DataGrid »¹ÊÇÔÚ AdvancedDataGrid ÖУÈç¹ûÎÞ·¨ÓÐЧ±àдÕâЩ itemRenderer, ÄúµÄÓ¦ÓóÌÐòÐÔÄÜ¿ÉÄÜÊܵ½¸ºÃæÓ°Ïì¡£ÒÔÏÂÊÇһЩ¿ÉÄÜÓÐËù°ïÖúµÄÌáʾ:
ÏÞÖÆÊ¹Óà itemRenderer µÄÁÐÊý¡£ÊÇ·ñÕæµÄÐèÒª½«Ã¿¸öÁÐ×÷Ϊ×Ô¶¨ itemRenderer£¿ÓÐʱÐèÒªÕâÑù, ¹ââ̫ǿÊÇ·ñ»áÁîÓû§Í·ÔÎÑÛ»¨£¿
³¢ÊÔ²»Òª¹ýÓÚÆµ·±µØ¸ü¸Ä itemRenderer ÖÐÔªËØµÄÑùʽ¡£Èç¹ûÐèÒªÇл»Ñùʽ (ÀýÈç, ÂÌÉ«ÓÃÓÚÕýÖµ, ºìÉ«ÓÃÓÚ¸ºÖµ) , ¿É¿¼ÂÇΪÕâЩÑùʽ´´½¨Á½¸ö¿ØÖÆÔ¤É貢ʹÆäÖÐÒ»¸ö¿É¼û¡£¸ü¸ÄÑùʽ Flex ÖбȽϷÑʱµÄÈÎÎñÖ®Ò»¡£
²»Òª½« Containers ÓÃ×÷ itemRenderer µÄ»ù´¡¡£ÈÝÆ÷»áÕ¼ÓôóÁ¿×ÊÔ´¡£ÉÙÁ¿Ê¹ÓÃËüÃÇ, Ч¹û»¹²»´í; µ«ÊǸù¾Ý UIComponent ±àд itemRenderer ЧÂʸü¸ß¡£
±¾ÏµÁаüº¬ÒÔÏÂÎÄÕ£º
µÚ 1 ²¿·Ö: ÄÚÁªäÖȾÆ÷
µÚ 2 ²¿·Ö: ÍⲿäÖȾÆ÷
µÚ 3 ²¿·Ö: ͨÐÅ
µÚ 4 ²¿·Ö: ״̬ºÍ¹ý¶É
µÚ 5 ²¿·Ö: ЧÂÊ
񻂗
ΪÁ˳ä·ÖÀûÓñ¾ÎÄ, ÄúÐèÒªÒÔÏÂÈí¼þºÍÎļþ£º
Flex Builder 3
±ØÒªÌõ¼þ:
Òª´Ó±¾ÎÄÖÐÊÜÒæ, Äú×îºÃÊìϤ Flex Builder ºÍ ActionScript 3.0¡£
Çл»Ñùʽ
ÒÔÏ itemRenderer ¸ù¾ÝÊý¾Ý×ֶεÄÖµÇл»×é¼þ¡£
<mx:Canvas>
<mx:Script><![CDATA private function lessThanZero() : Boolean {
return data.price < 0; }
]]></mx:Script>
<mx:Label text="{data.price}" color="#FF0000" visible="{lessThanZero()}" />
<mx:Label text="{data.price}" color="#00FF00" visible="{!lessThanZero()}" />
</mx:Canvas>
Õâ±ÈÉèÖÃÑùʽҪ¿ì¡£Òª×¢ÒâµÄÆäËûÊÂÏî°üÀ¨£º
±ÜÃâÊý¾Ý°ó¶¨µ½Ñùʽ¡£¸ü¸ÄÑùʽ²»½ö±È´ó¶àÊý²Ù×÷ÒªÂý, ¶øÇÒÔÚËüÉÏÃæÌí¼ÓÊý¾Ý°ó¶¨´úÂëÖ»»áʹËü¸üÔã¡£
ʹÓà Canvas »òÀ©Õ¹ ListItemRenderer »ò×÷Ϊ itemRenderer µÄ¸ù¡£ÕâÔÊÐíÄú½«¿ØÖÆ·ÅÔÚ¸÷×ÔÉÏ·½¡£
À©Õ¹ UIComponent
Ŀǰ±àд itemRenderer ×îÓÐЧµÄ·½Ê½ÊÇʹÓà ActionScript ÀàÀ©Õ¹ UIComponent¡£Äú¿ÉÒÔÈ«Ãæ¿ØÖÆ´úÂë, ²¢ÇÒäÖȾÆ÷Ò²¿ÉÒÔ¾¡¿ÉÄܸßЧ¡£
´ÓÉÏÀýÇл»Ñùʽ¿ªÊ¼, ±àдһ¸öÀ©Õ¹ UIComponent µÄ¼òµ¥ itemRenderer¡£
package renderers
{
import mx.controls.listClasses.IListItemRenderer;
import mx.core.UIComponent;
public class PriceItemRenderer extend
Ïà¹ØÎĵµ£º
ÔÚflexÖÐÒ²¾³£»áÓõ½½ØÍ¼¹¦ÄÜ£¬²¢ÇÒ½«½ØÍ¼µÄͼƬ±£´æÖÁ±¾µØ¡£Ò»Ï뵽ͼƬÄÇôÎÒÃǾÍ×ÔÈ»Ïëµ½ËûµÄ´æÔÚÐÎʽ bitmap byteArray.ËùÒÔ×ÔÈ»¾Í»áÁªÏµµ½bitmapÀàÉÏÈ¥¡£
ÏÂÃæÈÃÎÒÃÇÒ»ÆðÀ´¿´¿´¶¼ÓÐÄÄЩ·½·¨°É¡£
·½·¨Ò»£º°´ÎÒÃÇ×ÔÈ»µÄ˼·ʵÏÖ£º
ÔÚapplicationÖÐÓÐÁ½¸öÈÝÆ÷£º
<mx:Canvas id="virtour_cav" top="0" bottom="0" l ......
°ó¶¨£º
¾Ù¸öÀý×Ó£º ¸øÏÂÃæµÄpublic±äÁ¿¼ÓÉÏ[Bindable]
[Bindable]
public var name:String = "";
×÷Ϊһ¸öpublic±äÁ¿£¬¿Ï¶¨¼È¿ÉÒÔ±»¸³Öµ£¬Ò²Äܸ³Öµ¸ø±ðµÄ±äÁ¿¡£°ó¶¨µÄ×÷ÓþÍÊÇ£¬µ±name¸Ä±äµÄʱºò£¨±»¸³ÖµÁË£©£¬¿ÉÄÜ֪ͨÆäËü±»nameÓ°Ï죨¸³Öµ¸øËüÃÇ£©µÄ±äÁ¿·¢Éú¸Ä±ä¡£ÕâÀïµÄ“¿ÉÄÜ” ......
1) ±àÒëCSS×ÊÔ´
Îļþä¯ÀÀÆ÷£¨Navigator£©ÖУ¬ÔÚ±ê×¼µÄFlex CSSÎļþÉϵã»÷ÓÒ¼ü£¬µã»÷Compile CSS to SWF¼´¿ÉÍê³É±àÒëCSSµÄÈÎÎñ¡£
ÔÚ³ÌÐòÖпÉÒÔÓÃStyleManager.loadStyleDeclarations()À´¶Á³öÒѱàÒëºÃµÄCSSÎļþÖеÄÄÚÈÝ¡£
¾ßÌå²Ù×÷ÈçÏÂ:
&nbs ......
ÔÎĵØÖ·£ºhttp://www.adobe.com/cn/devnet/flex/articles/itemrenderers_pt3.html
ÔÚ±¾ÏµÁÐµÄµÚ 2 ²¿·ÖÖÐ, ÎÒÏòÄúչʾÁËÈçºÎʹÓà MXML ºÍ ActionScript ´´½¨Íⲿ itemRenderer¡£ÔÚÎÒÓùýµÄʾÀýÖÐ, ÓÐÒ»¸öµ÷¶È×Ô¶¨Ê¼þ BuyBookEvent µÄ Button£ÕâÑùÓ¦ÓóÌÐò¿ÉÒÔ¶ÔËü×÷³öÏìÓ¦¡£±¾ÎĽøÒ»²½ÌÖÂÛÓë itemRenderer µÄͨÐÅ¡£
ÎÒ ......
ÔÎĵØÖ·£ºhttp://www.adobe.com/cn/devnet/flex/articles/itemrenderers_pt4.html
itemRenderer ×îÉó¤ÓëÓ¦ÓóÌÐòµÄÓû§Í¨ÐÅ¡£ÓÐʱͨÐźܼòµ¥, Ö»ÊÇÏÔʾһ¸öÃû³Æ£»ÓÐʱ»áʹÓøü¾«ÖµÄÑÕÉ«£»ÓÐʱ¾ßÓн»»¥ÐÔ¡£
itemEditor ÊÇÕæÕýµÄ½»»¥¿ØÖÆ, µ«ËüÃDz»ÊDZ¾ÎĵÄÖØµã¡£ÔÚÕâЩʾÀýÖÐ, ÎÒ½«ÏòÄúչʾ¸ù¾ÝÊý¾Ý±¾Éí»òÓû§²Ù×÷¸ü¸Ä¿ ......