Flex動(dòng)態(tài)讀取外部XML文件
在學(xué)習(xí)Flex的過程中,你可能會(huì)遇到Flex動(dòng)態(tài)讀取外部xml文件問題,這里和大家分享一下,在Flex中xml文件是使用頻率非常高的,有的時(shí)候我們希望用xml作為配置文件來動(dòng)態(tài)配置我們的系統(tǒng)。
Flex動(dòng)態(tài)讀取外部xml文件
在Flex中xml文件是使用頻率非常高的,因?yàn)樵贔lex中xml文件的操作非常簡(jiǎn)單。有的時(shí)候我們希望用xml作為配置文件來動(dòng)態(tài)配置我們的系統(tǒng)。雖然FlexSDK提供了一個(gè)只能用在在mxml文件中<xml/>標(biāo)簽,這個(gè)標(biāo)簽的source屬性可以讀取外部的xml文件,但是這樣的方式會(huì)使xml文件嵌入到生成的swf文件中。這樣做的結(jié)果就是發(fā)布后即使修改了xml的內(nèi)容對(duì)程序也么有影響。這樣做沒有達(dá)到使用外部xml文件的目的。要想實(shí)現(xiàn)動(dòng)態(tài)讀取xml文件需要使用到URLLoader這個(gè)類,這個(gè)類位于flash.net包中。
一、創(chuàng)建URLRequest對(duì)象
要想使用URLLoader讀取外部的xml,必須調(diào)用URLLoader的load()函數(shù)。這個(gè)函數(shù)有一個(gè)參數(shù)就是URLRequest,所以必須先創(chuàng)建一個(gè)URLRequest對(duì)象。
varurl:URLRequest=newURLRequest("TreeData.xml");
其中URLRequest的參數(shù)必須是一個(gè)有效的url,因?yàn)檫@個(gè)文件在和生成的swf在同一個(gè)目錄下,所以直接寫了文件名,TreeData.xml是外部xml文件的文件名。如果在其他目錄下文件名就必須帶路徑了。
二、讀取外部xml文件
1.創(chuàng)建URLLoader對(duì)象。
varloader:URLLoader=newURLLoader();
2.為新創(chuàng)建的對(duì)象注冊(cè)事件監(jiān)聽,我們需要監(jiān)聽的是Event.COMPLETE事件,這個(gè)事件代表讀取xml文件完成。
loader.addEventListener(Event.COMPLETE,onComplete);
onComplete是Event.COMPLETE事件的處理函數(shù),當(dāng)發(fā)生Event.COMPLETE事件的時(shí)候會(huì)調(diào)用這個(gè)函數(shù)。
3.調(diào)用load函數(shù)
loader.load(url);
參數(shù)url就是前面創(chuàng)建的URLRequest對(duì)象。
三、事件處理函數(shù)onComplete
函數(shù)的完整定義是這個(gè)樣子的:
privatefunctiononComplete(event:Event):void{}
前面已經(jīng)把這個(gè)函數(shù)注冊(cè)給URLLoader對(duì)象的Event.COMPLETE事件了。當(dāng)發(fā)生Event.COMPLETE事件時(shí),這個(gè)函數(shù)就會(huì)被調(diào)用。接下來的問題就是怎么得到取到的xml數(shù)據(jù)了。
首先把onComplete函數(shù)的參數(shù)event的target屬性轉(zhuǎn)換成URLLoader對(duì)象
varresult:URLLoader=URLLoader(event.target);
然后再把這個(gè)對(duì)象的data屬性轉(zhuǎn)換成xml對(duì)象
datas=XML(result.data);
這樣就可以把TreeData.xml的內(nèi)容讀取到了datas中了。
后記
使用這種方式可以動(dòng)態(tài)的讀取xml文件。取到的內(nèi)容可以動(dòng)態(tài)配置程序,提供動(dòng)態(tài)的數(shù)據(jù)源。至于具體怎樣應(yīng)用就看自己的需求了。
完整的代碼:
- viewplaincopytoclipboardprint?
- <?xmlversionxmlversion="1.0"encoding="utf-8"?>
- <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"creationComplete="init()">
- <mx:Script>
- <!--[CDATA[
- [Bindable]
- privatevardatas:XML=newXML();
- privatefunctioninit():void
- {
- varurl:URLRequest=newURLRequest("TreeData.xml");
- varloader:URLLoader=newURLLoader();
- loader.addEventListener(Event.COMPLETE,onComplete);
- loader.load(url);
- }
- privatefunctiononComplete(event:Event):void{
- varresult:URLLoader=URLLoader(event.target);
- datas=XML(result.data);
- }
- ]]-->
- </mx:Script>
- <mx:XMLidmx:XMLid="treeData"source="TreeData.xml"/>
- <mx:Treexmx:Treex="23.5"y="36"width="214"height="407"
- dataProvider="{datas.node}"labelField="@label"/>
- <mx:Treexmx:Treex="319.5"y="36"width="214"height="407"
- dataProvider="{treeData.node}"labelField="@label"/>
- </mx:Application>
- <?xmlversionxmlversion="1.0"encoding="utf-8"?>
- <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
- layout="absolute"creationComplete="init()">
- <mx:Script>
- <!--[CDATA[
- [Bindable]
- privatevardatas:XML=newXML();
- privatefunctioninit():void
- {
- varurl:URLRequest=newURLRequest("TreeData.xml");
- varloader:URLLoader=newURLLoader();
- loader.addEventListener(Event.COMPLETE,onComplete);
- loader.load(url);
- }
- privatefunctiononComplete(event:Event):void{
- varresult:URLLoader=URLLoader(event.target);
- datas=XML(result.data);
- }
- ]]-->
- </mx:Script>
- <mx:XMLidmx:XMLid="treeData"source="TreeData.xml"/>
- <mx:Treexmx:Treex="23.5"y="36"width="214"height="407"
- dataProvider="{datas.node}"labelField="@label"/>
- <mx:Treexmx:Treex="319.5"y="36"width="214"height="407"
- dataProvider="{treeData.node}"labelField="@label"/>
- </mx:Application>
用到的TreeData.xml的內(nèi)容:
- viewplaincopytoclipboardprint?
- <?xmlversionxmlversion="1.0"encoding="utf-8"?>
- <root>
- <nodelabelnodelabel="00 TOP"/>
- <nodelabelnodelabel="01 open">
- <nodelabelnodelabel="01backup"/>
- <nodelabelnodelabel="02edit"/>
- </node>
- <nodelabelnodelabel="execute"/>
- </root>
- <?xmlversionxmlversion="1.0"encoding="utf-8"?>
- <root>
- <nodelabelnodelabel="00 TOP"/>
- <nodelabelnodelabel="01 open">
- <nodelabelnodelabel="01backup"/>
- <nodelabelnodelabel="02edit"/>
- </node>
- <nodelabelnodelabel="execute"/>
- </root>
代碼補(bǔ)充說明:
代碼中用兩種方式讀取外部的xml文件為兩個(gè)Tree控件提供數(shù)據(jù)源,可以對(duì)比一下兩種方式的不同。
【編輯推薦】
- 解析Flex數(shù)據(jù)綁定的幾種方式
- 十大Flexbuilder4特性新鮮出爐
- 學(xué)習(xí)總結(jié) 在Flex中如何嵌入Flex字體
- 揭開Flex正則表達(dá)式的神秘面紗
- Flex數(shù)據(jù)綁定及其使用頻繁的幾種情況