Flex动态加载XML

今天项目需要根据格式化的xml数据通过用户操作动态加载图片。由于对Flex加载xml的方法没什么研究，所以自己看API研究了下加载方法。

就我所知Flex加载xml比较常用的方法就是URLLoader和HttpService，下面分享我自己做的2种方法的测试实例：

skills.xml

<skills> <menus id="m0" label="基础战斗"> <skill label="后羿射术" url="images/skills/0.png"/> <skill label="落石术" url="images/skills/1.png"/> <skill label="圣盾术" url="images/skills/2.png"/> <skill label="飞剑术" url="images/skills/3.png"/> <skill label="疾跑" url="images/skills/4.png"/> </menus> <menus id="m1" label="基础攻城"> <skill label="冲锋" url="images/skills/5.png"/> <skill label="侦察术" url="images/skills/6.png"/> <skill label="探穴" url="images/skills/7.png"/> <skill label="摧毁" url="images/skills/8.png"/> <skill label="突袭" url="images/skills/9.png"/> </menus> <menus id="m2" label="基础守城"> <skill label="高度警觉" url="images/skills/10.png"/> <skill label="反侦察术" url="images/skills/11.png"/> <skill label="储藏" url="images/skills/12.png"/> <skill label="盾墙" url="images/skills/13.png"/> <skill label="固若金汤" url="images/skills/14.png"/> </menus> <menus id="m3" label="基础力量"> <skill label="坚韧" url="images/skills/15.png"/> <skill label="活力" url="images/skills/16.png"/> <skill label="破甲" url="images/skills/17.png"/> <skill label="重击" url="images/skills/18.png"/> <skill label="穿刺" url="images/skills/19.png"/> </menus> <menus id="m4" label="基础军事"> <skill label="强行" url="images/skills/20.png"/> <skill label="凯旋" url="images/skills/21.png"/> <skill label="回派" url="images/skills/22.png"/> <skill label="运送" url="images/skills/23.png"/> <skill label="负重" url="images/skills/24.png"/> </menus> <menus id="m5" label="基础幸运"> <skill label="好运" url="images/skills/25.png"/> <skill label="百死一生" url="images/skills/26.png"/> <skill label="佑护" url="images/skills/27.png"/> <skill label="缴获" url="images/skills/28.png"/> <skill label="再次出击" url="images/skills/29.png"/> </menus> <menus id="m6" label="基础领悟"> <skill label="免惩" url="images/skills/30.png"/> <skill label="觉悟" url="images/skills/31.png"/> <skill label="鉴定" url="images/skills/32.png"/> <skill label="磨练" url="images/skills/33.png"/> <skill label="冥想" url="images/skills/34.png"/> </menus> <menus id="m7" label="基础经营"> <skill label="理财术" url="images/skills/35.png"/> <skill label="开阔资源" url="images/skills/36.png"/> <skill label="开垦" url="images/skills/37.png"/> <skill label="截流" url="images/skills/38.png"/> <skill label="敛财术" url="images/skills/39.png"/> </menus> </skills> 

悲剧了 在代码格式里用src会自己生成一个mce_src，只能把src改成url了。。。

XMLTest.mxml

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="skills.send();//init();"> <mx:HTTPService id="skills" url="skills.xml" result="getSkills(event)" resultFormat="e4x"/> <mx:Script> <!--[CDATA[ import mx.rpc.events.ResultEvent; private var Mxml:XML; [Bindable] private var xml:XML; // public function init():void{ // var url:URLRequest=new URLRequest("skills.xml"); // var loader:URLLoader=new URLLoader(); // loader.load(url); // loader.addEventListener(Event.COMPLETE,CompleteHandler); // } // public function CompleteHandler(evt:Event):void{ // Mxml=new XML(evt.target.data); // xml=Mxml.menus[0]; // } private function getSkills(event:ResultEvent):void{ Mxml=new XML(event.result); xml=Mxml.menus[0]; } private function doClick(evt:MouseEvent):void{ var xl:XMLList=Mxml.menus.(@id==evt.target.id); xml=xl[0]; } ]]--> </mx:Script> <mx:Button id="m1" click="doClick(event)" x="0"/> <mx:Button id="m2" click="doClick(event)" x="50"/> <mx:Button id="m3" click="doClick(event)" x="100"/> <mx:Text y="30" text="{xml.skill[0].@label}"/> <mx:Image y="50" source="{xml.skill[0].@url}"/> </mx:Application>

其中要注意的是HttpService的resultFormat属性 设置为e4x,就可以从结果集中得到E4X格式的xml，就可以用"@","."进行运算与取属性。