给大家带来Flash MX 2004 UI组件系列教程（2） (1)

与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。
TheTreeComponent组件同意你显现一个树状布局的导航，并且能够是图形化的。实在你已很懂得它了，由于它和我们常常利用的资本办理器是非常类似的。　　　1.创立一个400*200巨细的新的Flash文件，利用以下的图示做为参照举行结构。

登录/注册后可看大图

　
　　2.创立两个新分层，从上到下分离将新层定名为：action,treecomponent,textareacomponent。
　　3.选择treecomponent层的第一帧。从组件库中将treecomponent拖放到层中翻开属性面板将其宽设为172高设为180。而且将实在例名定名为myTree。

登录/注册后可看大图

　
　　4.选择textareacomponent层上第一帧，从组件库中将textareacomponent组件拖至此层上，翻开属性面板，将其宽设为188高设为180，并将实在例名定名为myStatusArea，设置其html属性为true。由于我们要将它的内容显现为html格局。同时要将它的换行属性设为true。

　　5.利用记事本找开你下载的xml文件tree_source.xml来寓目它的布局。寓目它是怎样包含文件目次和一些未包含的文档。
<?xmlversion="1.0"encoding="iso-8859-1"?>
<NODElabel="PersonalFolders">
<NODElabel="Inbox">
<NODElabel="Firstmessage"/>
<NODElabel="Secondmessage"/>
<NODElabel="Thirdmessage"/>
</NODE>
<NODElabel="Drafts">
<NODElabel="Firstmessage"/>
</NODE>
<NODElabel="Outbox"isBranch="true">
<NODElabel="Nomessages."/>
</NODE>
<NODElabel="SentItems">
<NODElabel="Firstmessage"/>
<NODElabel="Secondmessage"/>
</NODE>
</NODE>
</p>

</p>

[1]200806/15073_2.html>[2]200806/15073_2.html>下一页

　　6.在action层的第一帧上输出以下代码：

1. //载进并指定命据源myTreeDataProvider=newXML();//在xml中疏忽空格，这在xml中是很主要的。myTreeDataprovider.ignoreWhite=true;//载进内部xml文件myTreeDataProvider.load("tree_source.xml");//xml的onload事务myTreeDataProvider.onLoad=function(){myTree.dataProvider=myTreeDataProvider;}

复制代码

　　以上代码是用来载进数据源，同时将这个XML文件作为数据源供应给TREECOMPONENT。
　　7.持续鄙人方到场以下代码

1. //设置treecomponent的侦听器。myTreeListener=newObject();//节点翻开事务myTreeListener.nodeOpen=function(eventObject){myStatusArea.text+="<LI>"+eventObject.node.attributes.label+"opened.";}

复制代码

　　以上代码创建侦听器，来侦听节点翻开事务。
　　8.持续到场代码以下：

1. //节点封闭事务myTreeListener.nodeClose=function(eventObject){myStatusArea.text+="<LI>"+eventObject.node.attributes.label+"<I>closed.</I>.";}

复制代码

　　向下面代码一样创建封闭事务。
　　9.持续在帧上到场代码
[code]//改动事务myTreeListener.change=function(eventObject){//选择的节点vartheSelectedNode=eventObject.target.selectedNode;//选中节点的labelvartheSelectedNodeLabel=theSelectedNode.attributes.lab

200806/15073.html>上一页200806/15073.html>[1][2]

运行时，它可以跨浏览器和操作系统、原汁原味地呈现具有表现力的应用程序、内容和视频，功能强大，兼容性高。