2. µ¼º½Àà×é¼þ
?
2.1 ToggleButtonBar µ¼º½°´Å¥×é
ToggleButtonBar ÊÇButtonBar µÄ×ÓÀ࣬ÔöÇ¿À´µ¼º½¹¦ÄÜ£¬¿ÉÒÔ³ÖÐø±£³Ö¿Í»§¶Ë״̬¡£
ͬʱÔÚ½çÃæÉ϶Ե±Ç°µÄÑ¡ÖÐ״̬×öÃ÷È·µÄ±êʶ¡£
?
toggleOnClick ÊôÐÔÖ¸Ã÷ÊÇ·ñ¿ÉÒÔͨ¹ýµ¥»÷È¡ÏûÑ¡ÖеÄ״̬¡£true£ºµ±Êó±êµ¥»÷ÒѾѡÖеݴťʱ£¬¸Ã°´Å¥»Ö¸´µ½Õý³£×´Ì¬¡£false£ºÔò²»»á»Ö¸´¡£
?
itemClick="btn_click_handler(event);" ¼àÌýÓû§µÄµ¥»÷¶¯×÷¡£
?
Xml´úÂë
- ??
-
- ?creationComplete="initUI()">??
- ??????
- ??????
- ????????
- ????????????//µ¼Èëµã»÷ʼþ¶ÔÏó ?
- ????????????import?mx.events.ItemClickEvent;???????? ?
- ????????????internal?function?initUI():void{ ?
- ????????????????var?data_arr:Array?=?new?Array(); ?
- ????????????????data_arr.push("Flex"); ?
- ????????????????data_arr.push("Flash"); ?
- ????????????????data_arr.push("Flash?Media?Server"); ?
- ????????????????data_arr.push("Flex?Data?Server"); ?
- ????????????????//Ìí¼ÓÊý¾ÝÔ´ ?
- ????????????????btns.dataProvider?=?data_arr; ?
- ????????????} ?
- ????????????//´¦ÀíitemClickµã»÷ʼþ ?
- ????????????internal?function?btn_click_handler(evt:ItemClickEvent):void{ ?
- ????????????????tip_txt.text?=?"µã»÷µÄ°´Å¥£º"+evt.index+":"+evt.label; ?
- ????????????} ?
- ????????]]>??
- ??????
- ????
- horizontalGap="5"?x="22"?y="82">??
- ??????
- ???? ??
- ??????
- ???? ??
- ??
?
2.2? TabBar ±êÇ©×é
TabBar ÔÚToggleButtonBar µÄ»ù´¡ÉϼÌÐøÀ©Õ¹£¬¸Ä±äÁ˶ÔÑ¡ÖÐ״̬µÄ±íÏÖÐÎʽ£¬½«Ñ¡ÖÐÏîÒÔ±êÇ©µÄÐÎʽͻ³öÏÔʾ£¬Õâµã¸úTabNavigator Ïàͬ£¬²»¹ýËü²»°üÀ¨ÆäËû×Ó¼¶ÈÝÆ÷¡£
¿ÉºÍÈκÎ×é¼þ½áºÏʹÓ㬶ø²»½ö½öÏÞÓÚÈÝÆ÷¡£
TabBar ±¾ÉíÖ»°üÀ¨ÁËÒ»×é±êÇ©£¬Ã»ÓÐÆäËûÄÚÈÝ¡£
myViewstack.selectedIndex = evt.index;
½«TabBar µÄ°´Å¥Ë÷ÒýºÍViewStack µÄ±»Ñ¡ÖÐÔªËصÄλÖùØÁªÆðÀ´¡£
Xml´úÂë
- ??
- ??
- ???? ??
- ??????
- ??????
- ????????
- ???????? ?
- ????????????import?mx.events.ItemClickEvent;???????? ?
- ???????? ?
- ????????????internal?function?btn_click_handler(evt:ItemClickEvent):void{ ?
- ????????????????myViewstack.selectedIndex?=?evt.index; ?
- ????????????} ?
- ????????]]>??
- ??????
- ???? ??
- ??????
- ??????
- ??????????
- ??????????????
- ????????????????Flex??
- ????????????????Flash??
- ????????????????FMS??
- ????????????????FDS??
- ??????????????
- ??????????
- ??????
- ??????
- ??????????
- ??????????????
- ??????????????????
- ?????????????????????????????????????? ??
- ??????????????????????
- ????????????????????Flex"/>??
- ??????????????????????
- ??????????????????????
- ??????????????????
- ??????????????
- ??????????
- ??????????
- ??????????????
- ??????????????
- ??????????
- ??????????
- ??????????????
- ??????????
- ??????????
- ??????????????
- ??????????
- ??????
- ??????
- ???? ??
- ??
Flex Flash FMS FDS ?
5.3 ʹÓò˵¥µ¼º½ -- ´´½¨Ò»¸ö¼òµ¥µÄ¶à¾Ã²Ëµ¥
ʹÓÃMenuBar ²Ëµ¥Ìõ×÷È«¾Öµ¼º½¡£
ÔÚʹÓÃAS ¶¨ÒåXML Êý¾Ýʱ£¬¿ÉÒÔʹÓû»Ðзû±£³ÖXMLÊý¾ÝµÄ¸ñʽ£¬Ö»ÒªXML µÄ±êÇ©ÕýÈ·£¬±àÒëÆ÷×Ô¶¯»áʶ±ð¡£
ÔÚnode ÔªËØÖÐµÄ enabled ÊôÐÔ ´ú±íÊÇ·ñ¿ÉÓã¬Ä¬ÈÏtrueΪ¿ÉÓã¬falseΪ²»¿ÉÓò˵¥Ïî±ä³É»ÒÉ«¡£
type ÊôÐÔ Îª separator ´ú±íÒ»¸ö·Ö¸îÏß¡£
?
XML ºÍ XMLList ¶¼ÊÇÓÃÀ´¶¨ÒåXML Êý¾Ý£¬²»Í¬µÄÊÇ£¬XMLList ÊǶà¸öXML Êý¾ÝµÄ¼¯ºÏ¡£
ÔÚÕâ¸öÀý×ÓÖУ¬mXMLÊÇXMLListÀàÐÍ£¬¸ù½Úµã±»ºöÂÔ£¬item ½Úµã±»½âÎöΪ¶ÀÁ¢µÄ XML Êý¾Ý¡£ item ½Úµã±ØÐëÓÐÒ»¸ö¸ù½Úµã£¬²»¿ÉºöÂÔ¡£
Xml´úÂë
- ??
- ??
- ???? ??
- ???????????????? ??
- ??????
- ????????
- ????????????import?mx.controls.Alert;??????? ?
- ????????????import?mx.events.MenuEvent; ?
- ???????????? ?
- ????????????private?var?mXML:XML?= ?
- ????????????????
- ????????????????????
- ?
- ???????????????????????? ?
- ???????????????????????? ?
- ???????????????????????? ?
- ???????????????????????? ?
- ???????????????????? ?
- ????????????????????
- ?
- ???????????????????????? ?
- ???????????????????????? ?
- ????????????????????? ?
- ????????????????; ?
- ???????????? ?
- ????????????internal?function?initApp():void{ ?
- ????????????????//ΪMenuBarÌí¼ÓÊý¾ÝÔ´ ?
- ????????????????myMenu.dataProvider?=?mXML; ?
- ????????????????//¼àÌýMenuµÄµã»÷ʵ¼ù ?
- ????????????????myMenu.addEventListener(MenuEvent.ITEM_CLICK,menuClickHandler); ?
- ????????????} ?
- ???????????? ?
- ????????????internal?function?menuClickHandler(evt:MenuEvent):void{ ?
- ????????????????Alert.show("Ñ¡Ôñ²Ëµ¥£º"+evt.item.@data,"ÌáʾÐÅÏ¢"); ?
- ????????????} ?
- ????????]]>??
- ??????
- ??????
- ??????????
- ????????????? ??
- ??????????
- ??????????
- ???????????? ??
- ?????????????????? ??
- ??????
- ???? ??
- ??
-
-
; internal function initApp():void{ //ΪMenuBarÌí¼ÓÊý¾ÝÔ´ myMenu.dataProvider = mXML; //¼àÌýMenuµÄµã»÷ʵ¼ù myMenu.addEventListener(MenuEvent.ITEM_CLICK,menuClickHandler); } internal function menuClickHandler(evt:MenuEvent):void{ Alert.show("Ñ¡Ôñ²Ëµ¥£º"+evt.item.@data,"ÌáʾÐÅÏ¢"); } ]]> ?
2.4 PopUpButton ÏÂÀµ¯³ö´°¿Ú¿Ø¼þ
PopUpButton ÊÇÒ»¸öÌØÊâµÄButton£¬ ±¾ÉíÓÉÁ½¸öButton×é³É£ºÖ÷°´Å¥ºÍ×Ó°´Å¥¡£µã»÷×Ó°´Å¥¿ÉÒÔ½«ÈκÎ×é¼þ×÷Ϊ´°¿Úµ¯³ö£¬ÖÃÓÚ×îÉϲ㡣Õâ¸öµ¯³ö¶¯×÷ÓÉ PopUpMenuButton Íê³É¡£
PopUpButton µÄopen ʼþºÍ close ʼþ£ºµ¯³öºÍµ¯³ö´°¿Ú¹Ø±Õʱ´¥·¢¡£
popUp ÊôÐÔ£º½«Òªµ¯³öµÄ¶ÔÏó¡£
DropdownEvent.CLOSE ºÍ DropdownEvent.OPEN ʼþרÃÅÕë¶Ôµ¯³ö´°¿Ú¡£µã»÷Ö÷°´Å¥£¬´¥·¢µÄʼþºÍButton ÊÇÒ»ÑùµÄ£¬±ÈÈçclick¡£
?
Xml´úÂë
- ??
- ??
- ??????
- ????????Application{ ??
- ????????????fontSize:12; ??
- ????????????backgroundGradientColors:?#c0c0c0,?#c0c0c0; ??
- ????????} ??
- ??????
- ??????
- ????????
- ????????????import?mx.containers.Panel;????? ?
- ????????????import?mx.controls.Alert;??? ?
- ????????????import?mx.events.DropdownEvent; ?
- ?
- ????????????private?var?panel:Panel; ?
- ?
- ????????????private?function?initApp():void?{ ?
- ????????????????panel?=?new?Panel();??//ÉùÃ÷еÄPanel ?
- ????????????????panel.title?=?"panel"; ?
- ????????????????panel.width?=?200; ?
- ????????????????panel.height?=?200; ?
- ????????????????popBtn.popUp?=?panel;???????????//Ö¸¶¨popUpÄ¿±ê¶ÔÏó??????? ?
- ????????????????popBtn.addEventListener(DropdownEvent.CLOSE,closeHandler);??//?????????? ?
- ????????????????popBtn.open();??????//½«´°¿Úµ¯³ö ?
- ????????????}??????????? ?
- ?
- ???????????? ?
- ????????????private?function?closeHandler(evt:DropdownEvent):void{ ?
- ????????????????Alert.show("¹Ø±Õ´°¿Ú"); ?
- ????????????} ?
- ????????]]>??
- ??????
- ??????
- ???? ??
- ??
Application{ fontSize:12; backgroundGradientColors: #c0c0c0, #c0c0c0; } ?
2.5 PopUpMenuButton
¼Ì³Ð×ÔPopUpButton£¬ÊÇ PopUpButtonµÄÒ»¸öÌØÊâʵÀý¡£Ö»ÄÜ°ÑMenu µ±×÷µ¯³ö´°¿Ú£¬ÇÒMenu Ö»ÄÜÓÐ1¸ø²ã¼¶¡£
Menu ÓÃÀ´´´½¨²Ëµ¥£¬²»¹ýºÍ MenuÏà±È£¬ËüÉÙÁ˲˵¥Ìõ¡£ÇÒûÓжÔÓ¦µÄMXML±êÇ©£¬Ö»ÄÜÓÉ´úÂë´´½¨¡£
PopUpMenuButton ÖÐÄÚÖÃÁËÒ»¸öMenu ¡£
¶¨ÒåXML Êý¾Ý£¬½«Ëü´«¸ø PopUpMenuButton µÄ dataProvider £¬×÷ΪÄÚÖõÄMenu µÄÊý¾ÝÔ´¡£
MenuEvent.ITEM_CLICK ʼþ£ºµ±²Ëµ¥ÏѡÖÐʱ£¬Ê¼þ±»´¥·¢£¬Í¬Ê±²Ëµ¥¹Ø±Õ¡£
Xml´úÂë
- ??
- ??
- ??????
- ????????Application{ ??
- ????????????fontSize:12; ??
- ????????????backgroundGradientColors:?#c0c0c0,?#c0c0c0; ??
- ????????} ??
- ??????
- ??????
- ????????
- ????????????import?mx.controls.Alert;??? ?
- ????????????import?mx.events.MenuEvent; ?
- ???????????? ?
- ????????????private?var?mXML:XMLList?= ?
- ????????????????<> ?
- ???????????????????? ?
- ???????????????????????? ?
- ???????????????????????? ?
- ???????????????????????? ?
- ???????????????????? ?
- ???????????????????????????????????????????? ?
- ???????????????????? ?
- ???????????????????????? ?
- ???????????????????????? ?
- ????????????????????? ?
- ????????????????; ?
- ????????????private?function?initApp():void?{ ?
- ????????????????popBtn.dataProvider?=?mXML;?//µ¯³ö²Ëµ¥µÄÊý¾ÝÔ´ ?
- ????????????????popBtn.addEventListener(MenuEvent.ITEM_CLICK,clickHandler);? ?
- ????????????}??????????? ?
- ????????????private?function?clickHandler(evt:MenuEvent):void{ ?
- ????????????????Alert.show("Ñ¡Ôñ²Ëµ¥£º"+evt.label+":²Ëµ¥ÐòºÅ£º"+evt.index); ?
- ????????????} ?
- ????????]]>??
- ??????
- ??????
- ???? ??
- ??
1.8 DataGrid ×é¼þ -- ÖÆ×÷ͼÊéÑ¡¹ºÁбí
DataGrid×é¼þµÄ×÷ÓúÍHTMLÒ³ÃæÖеıí¸ñÀàËÆ£¬½«Êý¾ÝÒÔÐС¢ÁеĸñʽÏÔʾ³öÀ´¡£
?
ÿһ×ÝÁеĿí¶È²»¶¨£¬Óû§¿ÉÒÔÔÚÔËÐÐʱµ÷Õû¿í¶È¡£
¿ÉÔÚÔËÐÐʱµ÷ÕûÁеÄ˳Ðò
µã»÷ÁбêÌâÀ¸¿É¶ÔÁÐÊý¾Ý½øÐÐÅÅÐò
¿ÉÒÔ×Ô¶¨ÒåÿÁеıêÌâÀ¸
ºÍList×é¼þÒ»Ñù£¬¿ÉÒÔ×Ô¶¨Òåÿ¸öµ¥Ôª¸ñµÄitemRenderer
?
ʹÓÃModel¶¨ÒåÊý¾ÝÔ´£¬
columns ¶¨ÒåÁËËùÓеÄÁУ¬ÆäÖÐDataGridColumn ´ú±íÒ»ÁеÄÐÅÏ¢£¬dataFieldµÄÖµ²»¿ÉÊ¡ÂÔ£¬Õâ¸öÖµ±ØÐëÊÇÊý¾ÝÔ´ÖÐÿÌõÊý¾Ý°üº¬µÄÊôÐÔÃû£¬·ñÔòÎÞ·¨ÏÔʾ¡£headerText ±íʾÁбêÌâ¡£
rowCount ±íʾÏÔʾµÄÐÐÊý£¬Èç¹ûheightûÓÐÉèÖã¬ÔòÓÃÕâ¸öÊôÐÔÀ´¼¼Êõ¸ß¶È¡£height=rowCount*rowHeightÐиߡ£
selectedItem ÊôÐÔ´ú±íµ±Ç°Ñ¡ÖÐÐеÄÊý¾Ý£¬¿ÉÒÔÔÚÊý¾Ý°ó¶¨ÖУ¬µ±ËüµÄÖµ·¢Éú±ä»¯Ê±£¬Ê¹ÓøÃÊôÐÔµÄÈκÎÎï¼þ¶¼»á×Ô¶¯¸üС£
?
½Ó×ÅÎÒÃÇÀûÓÃitemRenderer ÔÚDataGridÖмÓÈ븴ѡ¿ò´´½¨×é¼þ£º
ÔÚ×é¼þÖÐÌí¼ÓÒ»¸ö¸´Ñ¡¿ò¡£²¢Ìí¼ÓchangeʼþµÄ·½·¨addCart¡£
this.parentApplication ±íʾ¸¸Application£¬¾ÍÊÇÎÒÃǺóÃæʹÓøÃ×é¼þµÄApplication¡£
new cartEvent(data,cart_check.selected)
addCart ·½·¨´´½¨ÁËÒ»¸ö×Ô¶¨Òåʼþ cartEvent ʼþ£¬²¢ÇÒ½«±ØÒªµÄÊôÐÔ´«µ½¸Ãʼþ£¬
È»ºóͨ¹ý dispatchEvent ÅÉ·¢¸Ãʼþ¡£
?
Xml´úÂë
- ??
- ??
- ??????
- ????????
- ????????????import?bookEvent.cartEvent; ?
- ????????????internal?function?addCart():void{ ?
- ????????????????this.parentApplication.dispatchEvent(new?cartEvent(data,cart_check.selected)); ?
- ????????????} ?
- ????????]]>??
- ??????
- ??????
- ??
ÒÔÏÂΪ¶¨ÒåÒ»¸öcartEvent ʼþÀࣺ
ËùÓеÄʼþ¼Ì³ÐEvent£¬ ÔÚ¹¹Ô캯ÊýÖж¨ÒåÁËÁ½¸ö²ÎÊý£º_data ºÍ _isAdd£¬´´½¨Ê¼þµÄʱºò£¬½«Í¨¹ýÕâÁ½¸ö²ÎÊý½«ÐÅÏ¢´«ÈëʼþÖС£
super("AddBook") µ÷Óø¸ÀàEvent µÄ¹¹Ô캯Êý£¬²¢°ÑʼþÀàÐÍ¡°AddBook¡±´«µÝ¹ýÈ¥¡£Ö»Óе÷ÓÃÁ˸¸ÀàµÄ¹¹Ô캯Êý£¬²ÅÄܳÉΪÕæÕýµÄʼþ¶ÔÏó¡£
Xml´úÂë
- package?bookEvent ??
- { ??
- ????import?flash.events.Event; ??
- ??
- ????public?class?cartEvent?extends?Event{ ??
- ????????public?var?isAdd:Boolean; ??
- ????????public?var?book:Object; ??
- ????????function?cartEvent(_data:Object,_isAdd:Boolean):void{ ??
- ????????????isAdd?=?_isAdd; ??
- ????????????book?=?_data; ??
- ???????????? ??
- ????????????super("AddBook"); ??
- ????????} ??
- ????} ??
- }??
package bookEvent{ import flash.events.Event; public class cartEvent extends Event{ public var isAdd:Boolean; public var book:Object; function cartEvent(_data:Object,_isAdd:Boolean):void{ isAdd = _isAdd; book = _data; super("AddBook"); } }}?
½ÓÏÂÀ´ÊÇÖ÷³ÌÐò¡£
ÔÚ³ÌÐò³õʼ»¯º¯ÊýÖУ¬addEventListener("AddBook",AddHandler) Ϊµ±Ç°¶ÔÏóÌí¼ÓÁ˶ÔAddBookʼþµÄ¼àÌý¡£
Xml´úÂë
- ??
- ??
- ??????????
- ????????????
- ????????????????import?mx.events.DataGridEvent; ?
- ????????????????import?mx.events.DataGridEventReason ?
- ????????????????import?bookEvent.cartEvent; ?
- ????????????????import?view.*; ?
- ???????????????? ?
- ????????????????internal?function?initApp():void{ ?
- ????????????????????addEventListener("AddBook",AddHandler); ?
- ????????????????} ?
- ????????????????internal?function?AddHandler(evt:cartEvent):void{ ?
- ????????????????????if(evt.isAdd){ ?
- ????????????????????????tip_txt.text?=?"ÄãÑ¡Ôñ¹ºÂò£º"+evt.book.name; ?
- ????????????????????}else{ ?
- ????????????????????????tip_txt.text?=?"Äã·ÅÆú¹ºÂò£º"+evt.book.name; ?
- ????????????????????} ?
- ????????????????} ?
- ???????????????? ?
- ????????????????internal?function?checkInfo(evt:DataGridEvent):void{ ?
- ????????????????????//Èç¹ûûÓÐ×÷ÐÞ¸Ä ?
- ????????????????????if?(evt.reason?==?DataGridEventReason.CANCELLED){ ?
- ????????????????????????return; ?
- ????????????????????} ?
- ????????????????????//È·¶¨Ð޸ĵÄÊôÐÔ ?
- ????????????????????if(evt.dataField?==?"date"){ ?
- ????????????????????????//?Çå³ýÔÀ´µÄÊý¾Ý ?
- ????????????????????????evt.preventDefault(); ?
- ????????????????????????//?µÃµ½ÐµÄÊý¾Ý ?
- ????????????????????????book_DG.editedItemRenderer.data.date?=?dateCell(DataGrid(evt.target).itemEditorInstance).num_year.value; ?
- ????????????????????????//?¹Ø±Õitem?editor ?
- ????????????????????????book_DG.destroyItemEditor();? ?
- ????????????????????????//¸üÐÂÊý¾ÝÔ´? ?
- ????????????????????????book_DG.dataProvider.itemUpdated(evt.itemRenderer.data); ?
- ????????????????????} ?
- ????????????????} ?
- ????????????]]>??
- ??????????
- ??????????
- ??????????????
- ??????????????????
- ????????????????????FlashµÚÒ»²½??
- ????????????????????³Â±ù??
- ????????????????????2006??
- ??????????????????
- ??????????????????
- ????????????????????FlexµÚÒ»²½??
- ????????????????????walktree??
- ????????????????????2007??
- ??????????????????
- ??????????????????
- ????????????????????ApolloµÚÒ»²½??
- ????????????????????»¹²»ÖªµÀÄØ??
- ????????????????????2008??
- ??????????????????
- ??????????????
- ???????????? ??
- ??????????
- ??????????
- ??????????????
- ??????????????????
- ??????????????????
- ??????????????????
- ??????????????????
- ??????????????
- ??????????
- ???????? ??
- ??????????
- ??????????? ??
- ??????????
- ??
- ??
FlashµÚÒ»²½ ³Â±ù 2006 FlexµÚÒ»²½ walktree 2007 ApolloµÚÒ»²½ »¹²»ÖªµÀÄØ 2008
?
´ËÍ⻹ÓÐheaderRenderer ¿ØÖƱêÌâÀ¸µÄ½çÃæ ºÍ itemEditor ¿ØÖƵ¥Ôª¸ñÖбà¼×´Ì¬ÏµĽçÃ棬ʹÓøúitemRendererÒ»Ñù¡£ÒªÊ¹ÓÃitemEditor±ØÐ뽫DataGrid µÄeditable ÊôÐÔÉèΪtrue¡£»¹ÒªÉèÖú¯ÊýÀ´´¦Àí±à¼Íê³Éʼþ£¬¸üÐÂÊý¾Ý¡£Ö÷³ÌÐò´úÂë¼ûÉÏÃæ ¡£
?
½Ó×ÅÎÒÃÇÔÙ¶¨ÒåÒ»¸ö×é¼þ£º
ÔÚÏÂÃæµÄ×é¼þÖУ¬Ê¹ÓÃÁËNumericStepper Êý×ÖÑ¡Ôñ¿Ø¼þÀ´Ìṩ±ã½Ý²Ù×÷¡£
ÔÚÓû§Íê³É±à¼µ¥Ôª¸ñÊý¾Ýºó£¬itemEditEndʼþ½«±»´¥·¢£¬DataGridEvent ʼþ±»ÅÉ·¢³öÈ¥£¬Òò´ËʹÓüàÌýº¯Êý£ºitemEditEnd="checkInfo(event)"
if (evt.reason == DataGridEventReason.CANCELLED) ¼ì²éʼþµÄÀàÐÍ
Xml´úÂë
- ??
- ??
- ??????
- ??????
- ??