【原創(chuàng)】flex in action(二)flex和內(nèi)部及外部xml數(shù)據(jù)
自己是一步一步學(xué)習(xí)的,把自己的經(jīng)驗(yàn)分享給大家。因?yàn)橹皇浅鯇W(xué),所以不能做得很復(fù)雜。相信以后的發(fā)布的會(huì)復(fù)雜一點(diǎn),處理業(yè)務(wù)也會(huì)多一些。
開(kāi)始吧。
還記得上一次的嗎?
現(xiàn)在就再次和我一起做吧。
在你項(xiàng)目的src目錄下,
點(diǎn)擊新建文件夾輸入xml,然后再在xml上點(diǎn)擊新建文件,輸入person.xml。
內(nèi)容為:
1 <?xml version="1.0" encoding="UTF-8"?>
2 <person>
3 <name>張鳳</name>
4 <sex>woman</sex>
5 <age>21</age>
6 <clazz>英語(yǔ)四班</clazz>
7 </person>
2 <person>
3 <name>張鳳</name>
4 <sex>woman</sex>
5 <age>21</age>
6 <clazz>英語(yǔ)四班</clazz>
7 </person>
點(diǎn)右鍵新建一個(gè)MXXML Application。
拉一個(gè)panel,大小自己設(shè)定,設(shè)定title為xml中的數(shù)據(jù),id為message。
拉一個(gè)Textarea,到panel上去,設(shè)置editable為false(不讓編寫(xiě)僅顯示的能力)。
拉一個(gè)button到panel上。設(shè)置button的id。

然后重要的,切換到源碼視圖下。
編輯,代碼如下:
1 <?xml version="1.0" encoding="utf-8"?>
2 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" >
3 <!-- creationComplete 為自動(dòng)調(diào)度。如果creationComplete設(shè)定及不點(diǎn)擊button也會(huì)實(shí)現(xiàn),值的傳遞。
4 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="proHand(xmlData)">
5 -->
6 <mx:Model id="xmlData" source="xml/person.xml"></mx:Model>
7 <!--內(nèi)部xml和外部的區(qū)別就是沒(méi)有source這個(gè)選項(xiàng)
8 <mx:Model id="xmlData">
9 <person>
10 <name>張鳳</name>
11 <sex>woman</sex>
12 <age>21</age>
13 <clazz>英語(yǔ)四班</clazz>
14 </person>
15 </mx:Model>
16 -->
17 <mx:Script>
18 <![CDATA[
19 private function proHand(obj:Object):void{
20 message.text = "姓名:" + obj.name +"\n性別:" + obj.sex + "\n年齡:" + obj.age + "\n班級(jí):" + obj.clazz;
21 }
22 ]]>
23 </mx:Script>
24 <mx:Panel x="163" y="79" width="283" height="288" layout="absolute" title="xml中的數(shù)據(jù)是" fontSize="14">
25 <mx:TextArea x="-1" y="0" height="243" width="264" editable="false" fontSize="14" id="message"/>
26 <mx:Button x="156" y="206" label="XML數(shù)據(jù)值" fontWeight="normal" fontSize="14" id="button1" click="proHand(xmlData)"/>
27 </mx:Panel>
28 </mx:Application>
2 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" >
3 <!-- creationComplete 為自動(dòng)調(diào)度。如果creationComplete設(shè)定及不點(diǎn)擊button也會(huì)實(shí)現(xiàn),值的傳遞。
4 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="proHand(xmlData)">
5 -->
6 <mx:Model id="xmlData" source="xml/person.xml"></mx:Model>
7 <!--內(nèi)部xml和外部的區(qū)別就是沒(méi)有source這個(gè)選項(xiàng)
8 <mx:Model id="xmlData">
9 <person>
10 <name>張鳳</name>
11 <sex>woman</sex>
12 <age>21</age>
13 <clazz>英語(yǔ)四班</clazz>
14 </person>
15 </mx:Model>
16 -->
17 <mx:Script>
18 <![CDATA[
19 private function proHand(obj:Object):void{
20 message.text = "姓名:" + obj.name +"\n性別:" + obj.sex + "\n年齡:" + obj.age + "\n班級(jí):" + obj.clazz;
21 }
22 ]]>
23 </mx:Script>
24 <mx:Panel x="163" y="79" width="283" height="288" layout="absolute" title="xml中的數(shù)據(jù)是" fontSize="14">
25 <mx:TextArea x="-1" y="0" height="243" width="264" editable="false" fontSize="14" id="message"/>
26 <mx:Button x="156" y="206" label="XML數(shù)據(jù)值" fontWeight="normal" fontSize="14" id="button1" click="proHand(xmlData)"/>
27 </mx:Panel>
28 </mx:Application>

由于自己也只是剛接觸2天,所以并不能像編寫(xiě)Java程序一樣那么熟練的編寫(xiě)actionscript。
還有很多問(wèn)題待解決。
未完待續(xù)······
posted on 2009-04-05 14:35 duduli 閱讀(1891) 評(píng)論(2) 編輯 收藏 所屬分類(lèi): Flex