阳光VIP

少壮不努力,老大徒伤悲。平日弗用功,自到临期悔。
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

每天学一点flash(13) tree组件 与xml配合配合使用

Posted on 2012-02-15 21:09  阳光VIP  阅读(166)  评论(0编辑  收藏  举报

今天将以前做的一个网站的部分东西都写上来,当作是一种笔记。第一次用flash弄一个动态网站。就失败了,毕竟技术不过关,还好拉。现在把想记的东西都记下来。

 

Tree组件的使用结合xml的使用,挺有用的。

 

首先看一下xml文件,还是老的话题 as2.0处理xml文件也是很容易的

文件名字为:mymenu.xmll

 

<?xml version="1.0" encoding="UTF-8"?>

<root label="图书分类">

<node label="计算机">

<node label="flash教程" />

</node>

<node label="厨艺">

<node label="厨艺教程" />

</node>

<node label="健康">

<node label="饮食健康" />

</node>

</root>

 

第二步:新建fla文件,在组件里拖一个tree组件来,我把他名为:myTree,在第一帧上写上一这段代码:

myTree.vScrollPolicy="on";

System.useCodepage = true;//防止乱码

myTreeXML = new XML();//建立一个xml对象

myTreeXML.ignoreWhite = true;//忽略其中的空格

myTreeXML.load("mymenu.xml");//载入要编辑的xml文件

myTreeXML.onLoad = function(success) {

 if (success) {

  myTree.dataProvider = myTreeXML;//如果载入成功,为tree组件指定数据源  

   trace("成功");

 } else {

  trace("No success!!");

 }

};

 

myTreeListener = new Object();

myTreeListener.change = function(tree) {

var xnode=tree.target.selectedItem;

trace(xnode.attributes.data);

       }

 

myTree.addEventListener("change", myTreeListener);//监听对象

 

 

 

现在解析一下: 前面一段:

System.useCodepage = true;//防止乱码

myTreeXML = new XML();//建立一个xml对象

myTreeXML.ignoreWhite = true;//忽略其中的空格

myTreeXML.load("mymenu.xml");//载入要编辑的xml文件

myTreeXML.onLoad = function(success) {

 if (success) {

  myTree.dataProvider = myTreeXML;//如果载入成功,为tree组件指定数据源  

   trace("成功");

 } else {

  trace("No success!!");

 }

};

是加载外部的xml文件,当中的套路都是这样

System.useCodepage = true;//防止乱码

myTreeXML = new XML();//建立一个xml对象

myTreeXML.ignoreWhite = true;//忽略其中的空格

myTreeXML.load("mymenu.xml");//载入要编辑的xml文件

myTreeXML.onLoad = function(success) {

 if (success) {

   trace("成功");

 } else {

  trace("No success!!");

 }

};

可以模仿一下,现在不同的就是这一段

  myTree.dataProvider = myTreeXML;//如果载入成功,为tree组件指定数据源  

这里是为tree组件绑定一个xml数据。而接下来的工作就是像xml的数据操作

不同的是 这一段,组件是一对象需要监听

 myTreeListener = new Object();

myTreeListener.change = function(tree) {

var xnode=tree.target.selectedItem;//选择某一节点

trace(xnode.attributes.data);

       }

 

myTree.addEventListener("change", myTreeListener);//监听对象

 

问题1:我们可以用tree组件来干什么?

问题2::flash 8 组件的使用有没有缺点?在组件使用上应该注意些什么?有时候在预载的时候会不会出问题?

 

拓展:利用这个tree组件可以帮我们应用一些有趣的选择,相信发挥一下想象可以整出不错的东西来哦

 

接下来:我在场景添加了三个按钮,分别为添加,删除,修改按钮,这些按钮有助于

我们了解对节点的一些操作

 添加按钮:

on(click){
 _root.myTree.selectedNode.addTreeNode("Label");
 _root.myTree.refresh();
}

 

删除按钮:

on(click)
{
 _root.myTree.selectedNode.removeNode();
 _root.myTree.dataProvider=_root.myTreeXML;  //不从新设置XML会出现奇怪现象
 _root.myTree.refresh();
}

 

修改按钮:

on(click)
{
 _root.myTree.selectedNode.attributes.label="新标识";
 _root.myTree.refresh();
}当然这些按钮还可以继续修改达到我们预想的效果,这些需要我们去理解一下吧,可以参考啊as2.0的文档