Àí½â Flex itemRenderer µÚ 3 ²¿·Ö: ͨÐÅ
ÔÎĵØÖ·£ºhttp://www.adobe.com/cn/devnet/flex/articles/itemrenderers_pt3.html
ÔÚ±¾ÏµÁÐµÄµÚ 2 ²¿·ÖÖÐ, ÎÒÏòÄúչʾÁËÈçºÎʹÓà MXML ºÍ ActionScript ´´½¨Íⲿ itemRenderer¡£ÔÚÎÒÓùýµÄʾÀýÖÐ, ÓÐÒ»¸öµ÷¶È×Ô¶¨Ê¼þ BuyBookEvent µÄ Button£ÕâÑùÓ¦ÓóÌÐò¿ÉÒÔ¶ÔËü×÷³öÏìÓ¦¡£±¾ÎĽøÒ»²½ÌÖÂÛÓë itemRenderer µÄͨÐÅ¡£
ÎÒ¼áÐÅÓÐÒ»Ìõ¹æÔòÊÇÓÀÔ¶²»ÄÜÎ¥±³µÄ: ²»ÄÜץס itemRenderer µÄʵÀý²»·Å, ¸ü¸ÄËü (ÉèÖù«¹²ÊôÐÔ) »òµ÷ÓÃËüµÄ¹«¹²·½·¨¡£Õâ¶ÔÎÒ¶øÑÔÊÇÒ»¸ö½û¼É¡£itemRenderer ÊǺÜÄÑŪÇåµÄ, ÎÒÔÚµÚ 1 ²¿·ÖÖÐ˵µ½ÁËÆäÖеÄÔµÓÉ: itemRenderer ÊÇÑ»·Ê¹Óõġ£×¥×¡Ò»¸ö»áÆÆ»µ Flex ¿ò¼Ü¡£
Ç뽫ÕâÌõ¹æÔò½÷¼ÇÔÚÐÄ, Äú¿ÉÒÔʹÓà itemRenderer Íê³ÉÒÔϲÙ×÷:
itemRenderer ¿ÉÒÔͨ¹ýËüµÄÁбíËùÓÐÕßµ÷¶Èʼþ¡£ (ÄúÒѾ¿´µ½¹ýðÅÝ; Õâ¸ö×ö·¨¸üºÃ, ½ÓÏÂÀ´Äú¾Í»á¿´µ½¡£)
itemRenderer ¿ÉÒÔʹÓþ²Ì¬Àà³ÉÔ±¡£ÆäÖаüÀ¨ Application.application¡£Èç¹ûÄúµÄÖµ“È«¾Ö”´æ´¢ÔÚÓ¦ÓóÌÐò¶ÔÏóÖÐ, Äú¿ÉÒÔͨ¹ýÕâÖÖ·½Ê½»ñµÃËüÃÇ¡£
itemRenderer ¿ÉÒÔʹÓÃÓµÓÐËüµÄÁбíµÄ¹«¹²³ÉÔ±¡£½ÓÏÂÀ´Äú¾Í»á¿´µ½¡£
itemRenderer ¿ÉÒÔʹÓÃÊý¾Ý¼Ç¼ÖеÄÈκÎÄÚÈÝ¡£ÀýÈç, ¼Ç¼ÖеÄij¸öÏîÄ¿²»ÓÃÓÚÖ±½ÓÏÔʾ, µ«ËüÈ´Ó°Ïì itemRenderer µÄÐÐΪ·½Ê½¡£
±¾ÏµÁаüº¬ÒÔÏÂÎÄÕÂ:
µÚ 1 ²¿·Ö: ÄÚÁªäÖȾÆ÷
µÚ 2 ²¿·Ö: ÍⲿäÖȾÆ÷
µÚ 3 ²¿·Ö: ͨÐÅ
µÚ 4 ²¿·Ö: ״̬ºÍ¹ý¶É
µÚ 5 ²¿·Ö: ЧÂÊ
񻂗
ΪÁ˳ä·ÖÀûÓñ¾ÎÄ, ÄúÐèÒªÒÔÏÂÈí¼þºÍÎļþ:
Flex Builder 3
±ØÒªÌõ¼þ
Òª´Ó±¾ÎÄÖÐÊÜÒæ, Äú×îºÃÊìϤ Flex Builder ºÍ ActionScript 3.0¡£
¶¯Ì¬¸ü¸Ä itemRenderer
ÒÔÏÂÊÇÉÏһƪÎÄÕÂÖÐÓÃÓÚ TileList µÄ MXML itemRenderer¡£ÎÒ½«Ê¹Ëü¶ÔÍⲿԴ (ÎÒ½«Õâ¸öÎļþ³ÆÎª BookItemRenderer.mxml) µÄ¸ü¸Ä×÷³ö·´Ó¦, ´Ó¶øÊ¹Ëü¸üÉú¶¯:
<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" width="250" height="115" >
<mx:Script>
<!--[CDATA[
]]>
</mx:Script>
<mx:Image id="bookImage" source="{data.image}" />
<mx:VBox height="115" verticalAlign="top" verticalGap="0">
<mx:Text text="{data.title}" fontWeight="bold" width="100%"/>
<mx:Spacer height="20" />
<mx:Label text="{data.author}" />
<mx:Label text="Available {data.date}
Ïà¹ØÎĵµ£º
FlexµÄʼþÆäʵºÜÈÝÒ×Ã÷°×£¬ÏóJAVAÓïÑÔÒ»Ñù£¬¸øÄ³¸ö¿Ø¼þ×¢²áÒ»¸ölistener£¬È»ºóʼþ·¢ÉúµÄʱºò´¥·¢ÏàÓ¦µÄº¯Êý£¬ÕâµãÎÒÏàÐÅ´ó¶àÊýÈ˶¼Äܹ»Ã÷°×¡£½ñÌìÎÒÏëҪ˵µÄ²»ÊÇÕâ¸ö£¬¶øÊǸü¼Óϸ½ÚµÄһЩ¶«Î÷¡£
1.ʼþµÄ´«²¥¹ý³Ì¡£
FlexʼþÓÐÏÂÃæÈý¸ö½×¶Î£¬µ±Ê¼þ·¢ÉúʱÒÀ´ÎΪ£º
1.capturing£¨²¶×½£©
2.targeting£¨Ä¿±ê£©
3.bubbli ......
Flex 4 DropDownList:
<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the Spark DropDownList control -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/ ......
1-Ê×ÏÈдһ¸ö¼ÓÔØÍⲿswfÎļþµÄÀà
package Package
{
import flash.display.DisplayObject;
import flash.display.Loader;
import flash.events.*;
import flash.net.URLRequest;
import mx.core.UIComponent;
import mx.events.FlexEvent;
public class CtmOb ......
ÔÎĵØÖ·£ºhttp://www.adobe.com/cn/devnet/flex/articles/itemrenderers_pt1.html
Flex ÌṩÐí¶à¿ØÖÆ, ËüÃÇ¿ÉÒÔ°´²»Í¬·½Ê½ÏÔʾ´óÁ¿Êý¾Ý¡£List ¿ØÖÆ×Ô¼º¡¢DataGrid¡¢Tree ÒÔ¼°°üÀ¨Í¼±íºÍ AdvancedDataGrid ÔÚÄڵĿÉÊÓÀࡣĬÈÏÇé¿öÏÂ, Flex ÁÐ±í¿ØÖÆ½«ÌṩµÄÊý¾ÝÏÔʾΪ¼òµ¥Îı¾¡£µ« Flex µÄÄÜÄÍÔ¶²»Ö¹´Ë, ÁÐ±í¿ØÖÆÌṩÁËÒ»Ö ......