Flex 4 SDK ÐÂÌØÐԽ̳ÌϵÁÐ – MXML 2009
ÕâÊÇFlex 4 SDK ÐÂÌØÐԽ̳ÌϵÁеĵÚ3Õ¡£±¾Õ½éÉÜÁËFlex 4ÒýÈëµÄMXML 2009ÃüÃû¿Õ¼äÒÔ¼°Flex×é¼þÓëÃüÃû¿Õ¼äÓ³ÉäµÄ»úÖÆ¡£
Flex 3µÄÃüÃû¿Õ¼ä
Flex 3¶¨ÒåÁËΨһµÄMXMLÃüÃû¿Õ¼ä£¬¼´MXML 2006¡£ÔÚFlex Builder 3ÖÐÉùÃ÷MXML 2006ÃüÃû¿Õ¼äµÄĬÈϸñʽÈçÏ£º
xmlns:mx="http://www.adobe.com/2006/mxml"
ÖµµÃ×¢ÒâµÄÊÇ£¬ºÜ¶à³õѧÕßÎóÈÏΪ”mx”ΪÃüÃû¿Õ¼ä¡£ÊÂʵÉÏ£¬ÉÏÃæµÄÓï¾äÖДmx”Ö»ÊÇÃüÃû¿Õ¼äµÄǰ׺£¬»òÕß˵ÊÇÒ»¸ö“±ðÃû”¡£Äã¿ÉÒÔ½«mxÐÞ¸ÄΪÈÎÒâÖµ£¬ÉõÖÁ¿ÉÒÔʹÓÓ¿Õǰ׺”£¬ÀýÈ磺
<Application xmlns="http://www.adobe.com/2006/mxml">
<Button />
</Application>
MXML 2009
Èç¹ûÄãʹÓÃFlash Builder 4´´½¨Ò»¸öFlex 4Ó¦ÓóÌÐò£¬»á·¢ÏÖĬÈÏÇé¿öÏÂFBΪÄã´´½¨ÁË3¸öÃüÃû¿Õ¼ä£¬ÈçÏÂËùʾ£º
<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/halo"
....
</s:Application>
Çé¿öËÆºõ¸´ÔÓÁË£¿ÎªÁ˸üºÃµÄÀí½âFlex 4ÖеÄÃüÃû¿Õ¼ä£¬Ê×ÏÈÐèÒª½éÉÜÁ½¸öÃû´Ê£º“ÓïÑÔ¼¶ÃüÃû¿Õ¼ä”ºÍ“×é¼þ¼¶ÃüÃû¿Õ¼ä”¡£
ÓïÑÔ¼¶ÃüÃû¿Õ¼ä
ÓïÑÔ¼¶ÃüÃû¿Õ¼äÉùÃ÷ÁËÒ»¸öMXMLÎļþËùʹÓõÄÓïÑÔ°æ±¾£¬ÉÏÃæÊµÀýÖУ¬
http://ns.adobe.com/mxml/2009¼´ÎªÓïÑÔ¼¶ÃüÃû¿Õ¼ä£¬±íʾµ±Ç°MXMLÎļþʹÓõÄÓïÑ԰汾ΪMXML 2009¡£ÓïÑÔ¼¶ÃüÃû¿Õ¼ä¾ßÓÐÈçÏÂÌØµã£º
ÿ¸öMXMLÎļþ±ØÐëÉùÃ÷ÇÒÖ»ÄÜÉùÃ÷Ò»¸öÓïÑÔ¼¶ÃüÃû¿Õ¼ä£¬Flex±àÒëÆ÷¸ù¾ÝÕâ¸öÃüÃû¿Õ¼äÀ´È·¶¨ÒÔºÎÖÖ·½Ê½±àÒë¸ÃMXML¡£
ÔÚÒ»¸öÓ¦ÓóÌÐòÖеĶà¸öMXMLÎļþ¿ÉÒÔʹÓò»Í¬µÄÃüÃû¿Õ¼ä£¨MXML 2006»òMXML 2009£©¡£
³ýÁËÉùÃ÷ÓïÑÔ°æ±¾Í⣬ÓïÑÔ¼¶ÃüÃû¿Õ¼ä»¹¶¨ÒåÁËÒ»×é±êÇ©£¬Èç<Script>£¬<Style>µÈµÈ¡£ÕâЩ±êÇ©¿ÉÒÔÀí½âΪMXMLµÄ“¹Ø¼ü×Ö”¡£ÔÚMXML 2009Öб£ÁôÁËMXML 2006µÄÈ«²¿ÓïÑÔ¼¶±êÇ©£¬²¢Ôö¼ÓÁËһЩеıêÇ©£¬ÒÔÏÂÊÇÍêÕûµÄÁÐ±í£º(´ÖÌåΪFlex 4ÐÂÔö±êÇ©£¬ÎÒÃǽ«ÔÚÏÂÒ»ÕÂÖоßÌå½éÉÜ)
<fx:Binding>
<fx:Component>
<fx:Metadata>
<fx:Model>
<fx:Script>
<fx:Style>
<fx:Declarations>
<fx:Library>
<fx:Definition>
<fx:Private>
<fx:Reparent>
<fx:DesignLayer>
ÁíÒ»·½Ã棬ÓïÑÔ¼¶ÃüÃû¿Õ¼ä»¹¶¨ÒåÁËActi
Ïà¹ØÎĵµ£º
²»¾Ãǰ£¬Michael Portuesi·¢±íÁËһƪ²©ÎÄ£¬Ì¸µ½ÁËFlex¿ª·¢ÕßÐèÒªÖªµÀµÄ10¼þÊ¡£ÎÄÕ½éÉÜÁËÿ¸ö½øÈëFlexÁìÓòµÄ¿ª·¢Õß¶¼ÐèÒªÕÆÎյĻù±¾ÖªÊ¶Óë¼¼ÄÜ¡£
Michael Portuesi¸ø³öµÄ10¸öÌõÄ¿ÖУ¬ÓÐЩÊÇ¿ª·¢ÕßÐèÒªÁ˽âµÄ¼òµ¥Ï¸½ÚÐÅÏ¢£»ÓÐЩÔò½ÒʾÁËFlash/ActionScript/FlexÓëÆäËû¿ª·¢»·¾³Ö®¼äµÄ²î±ð¡£
Èç¹ûÄãÁ˽âHTML/CSS²¢ÊìϤJavaS ......
Ò»¡¢Ê¹Óñ¾µØÑùʽ¶¨Òå
ʹÓÃ<mx:Style>±êÇ©ÔÚMXMLÎļþÖд´½¨±¾µØµÄÑùʽ¶¨Òå¡£Õâ¸ö±êÇ©°üº¬ÁË·ûºÏCSS2.0Óï·¨µÄÑùʽ±í¶¨
Òå¡£ÕâЩ¶¨Òå»áÓ¦Óõ½µ±Ç°ÎĵµÒÔ¼°µ±Ç°ÎĵµµÄ×ÓÎĵµ¡£
<mx:style>
.solidBorder{//ÀàÑ¡ÔñÑùʽ
border-style:solid;
}
button{//×é¼þ¶¨ÒåÑùʽ
border-style:solid;
}
....
</mx: ......
ʹÓÃflex tree ºÍlistʵÏÖÈçÏÂÑ¡ÔñÓû§µÄЧ¹û
<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
showCloseButton="true" creationComplete ......
Ñо¿E4XÓëFlexµÄ¹ØÏµ£¬ËùÒÔ´òËã×ܽáһϣ¬ÓÐ˵µÄ²»¶ÔµÄµØ·½£¬»¹Çë´ó¼Ò¶à¶àÔÁ¡£
Ò»¡¢×î¼òµ¥Ä£Ê½£ºFlexͨ¹ýhttpserviceºÍdataProvider½øÐÐÊý¾Ý´«Êä
Xml¸ñʽÈçÏ£º
<?xml version="1.0" encoding="utf-8" ?>
<Result>
<NodeA>value1</NodeA>
<NodeB>valve2</NodeB>
…&he ......
subject of application domain of flash and air.
ÔÚflash»òflexÖУ¬³ÌÐò¼ÓÔØÍⲿswfÎļþ£¬¸ÃÎļþµÄ³ÌÐòÓòĬÈÏΪÖ÷³Ì ÐòÓòµÄÒ»¸ö×ÓÓòÖС£±ÈÈçÄãʹÓÃA.swf¼ÓÔØB.swfÎļþ£¬B±»¼ÓÔØºó£¬³ÉΪA³ÌÐòÓòµÄÒ»¸ö×ÓÓò£¬×ÓÓòÊÇÉêÃ÷ÀàµÄʱ£¬²»Äܸ²¸Ç¸¸ÀàÒÑÉêÃ÷ÀࣺÈç¹ûAÖж¨ ÒåÁËÀàcom.sogou.MapÀ࣬ͬʱBÖÐÒ²¶¨ÒåÁËcom.sogou.MapÀ࣬µ ......