关于XML在与FLASH交互应用中的理解

      关于XML在FLASH中的应用,以前写过几篇。也收集了几篇来自网络的。不过,都是一些非常简单而常用的。在这里,我把XML的其他相关说明总结一下。有不足之处,希望大家能相互补充。只为了一个共同的目的:共同提高。
一、书写标准的XML需要注意以下几点:
  1. 一个标准的XML文档必须要在第一行以""开头,以及一个""结尾,其中开头部分需申明XML的版本,如:version="1.0",也应包含一个关于编码的声明:“encoding="utf-8"”;

  2. XML要求所有的标签必须在文档结束之前被闭合,如果标签中包含内容,则必须写成“<标签名>内容"的格式,如果内容为空,则应写在的格式;即,后面必须有这种格式的。

  3. 每个XML都有有一个根元素,也叫根节点。

  4. 节点有节点值和属性。

  5. XML的节点值如果出现与XML标签关键字一样的字符,XML将会无法解析文档,比如,某个节点值如果是一个大于或者小于号,就会让解释器产生一个错误。


二、在FLASH中创建一个简单的实例:
//创建一个新的XML类实例
var my_XML:XML=new XML();
//创建一个TextArea组件,用于显示此XML内容
var my_TextArea:mx.controls.TextArea;
//加载外部XML文件
my_XML.load("my_xml.xml");
//为load函数定义onLoad函数---此处是必须的。只有当加载成功后,才能控制XML。否则不能。
my_XML.onLoad=function(ok:Boolean){
if(ok){
my_TextArea.text+=this;
}else{
my_TextArea.text+="加载失败..."
}
}
//忽略空白:
my_XML.ignoreWhite=true;
三、关于FLASH解析XML详解,说白了,也就是对节点的读取。
首先,来看看这幅图,稍微加点印象。
点击在新窗口中浏览此图片
下面,我将对XML文件的解析方面做详细的介绍。
为了便于讲解,在此,我举一个简单的例子。

1、新建一个记事本文件,在里面输入如下内容:

<购买物品>
<衬衣 颜色="白色" 品牌="雅戈尔">1件
<裤子 颜色="深蓝" 品牌="王子裤">2件
<鞋子 颜色="黑色" 品牌="红蜻蜓">3双
<总花费金额>
<打的费>50元
<货物金>1000元



然后保存为"goods.xml",注意,在编码处,要选择"Unicode"。

2、下面,就对里面的各项值进行解读。
读取整个XML文件的方法:
在刚才的XML的同级目录下新建一FLA文件,然后在场景中放置一TextArea组件。并赋实例名“my_TextArea”,
然后在第一帧中添加如下代码:

var my_XML:XML=new XML();
System.useCodepage=true;
var my_TextArea:mx.controls.TextArea;
my_XML.load("goods.xml")
my_XML.onLoad=function(ok:Boolean){
if(ok){
my_TextArea.text+=this;
}else{
my_TextArea.text+="加载失败"
}
}

按CTRL+ENTER测试,即可以看效果。

首先,我们来看看如何对XML中的节点名称或者节点属性进行读取呢?
比如,我们要读取如例子中的"购买物品"这几个字符,该如何操作呢?
我们使用如下语句:
this.firstChild.nodeName;
如果要读取"衬衣":
this.firstChild.childNodes[0].nodeName;
如果要读取"1条":
this.firstChild.childNodes[1].childNodes[0].nodeValue;
如果要读取裤子的品牌:
this.firstChild.childNodes[1].attributes.品牌;

将XML读取进LIST组件中:

System.useCodepage = true;
var my_TextArea:mx.controls.TextArea;
var my_List:mx.controls.List;
var my_XML:XML = new XML();
my_XML.ignoreWhite = true;
my_XML.load("shopping.xml");
my_XML.onLoad = function(ok:Boolean) {
  if (ok) {
    var childnodes = this.firstChild.childNodes;
    for (i=0; i      my_List.addItem({label:childnodes.nodeName});
    }
  } else {
    my_TextArea.text += "加载失败";
  }
};
第一个节点:firstChild:
用法:this.firstChild;
最后一个节点:lastChild
用法:this.firstChild;
兄弟节点:nextSibling:
用法:this.firstChild.childNodes[0].nextSibling;
另一个兄弟节点:previousSibling:
用法:this.firstChild.childNodes[0].previousSibling;
区别:nextSibling是朝后,而previousSibling是当前之前;
父类节点:parentNode:
用法:this.firstChild.parentNode;
上述所有实例演示:
http://www.taoshaw.com/taoshaw/study/LoadXml/LoadXML.swf
源文件下载:loadXML.rar
经典论坛交流:
http://bbs.blueidea.com/thread-2845168-1-1.html

最新日志 随机日志 综合排行
镜头里的你们
立志,从现在起,做一个电脑白痴!
821深圳webrebuild图...
指引更工业化的设计
网页设计进阶之十二 -- 快速设...
网页设计进阶之十一 -- 快速设...
小S的充气娃娃
态度
你的电脑是男是女?
PPT分享:HTML5和CSS3...
Opera下,OL的li在使用l...
养成良好的工作习惯
提高CSS代码的可读性
网页设计进阶之三 设计步骤及思考
招聘wow前端亲友团
财迷的童年趣事【四】
章六:初为人父的老陈
创意集市--扬州1912东西会
听写·陆游《卧春》
新年到,大家一起做广播体操!
一个锻炼注意力的小游戏
更简单的2级菜单(下拉菜单)
PPT分享:HTML5和CSS3...
好吧,哥哥改宋体
英文符号大全 罗马符号大全 常用...
讨论:间距浮动与对齐的最佳方案-...
关于未来
网页设计进阶之八--层次、空间(...
中国风·江南风韵·古典风格·中国...
应CC同学强烈要求,未来劳夜更新...
赤壁 音乐下载 赤壁MP3下载 ...
CSS布局命名规范
听写·陆游《卧春》
网页设计进阶之七-- 给那些效率...
CSS框架/命名/规则 &...
网页设计进阶之六-- 守住那些不...
癫狂蚊子 Homepage
2010/05/07 17:35
这是2的来着...3的简单方便易用很多呀  嘿嘿
分页: 1/1 第一页 1 最后页