|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
此版本基于官方简体中文正式版制作,只需要执行一次快速安装即可使用,包含AdobeFlashProfessionalCS5.5、ExtendScriptToolkitCS5.5、PixelBenderToolkit2.6。
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>
6.在action层的第一帧上输出以下代码:- //载进并指定命据源myTreeDataProvider=newXML();//在xml中疏忽空格,这在xml中是很主要的。myTreeDataprovider.ignoreWhite=true;//载进内部xml文件myTreeDataProvider.load("tree_source.xml");//xml的onload事务myTreeDataProvider.onLoad=function(){myTree.dataProvider=myTreeDataProvider;}
复制代码 以上代码是用来载进数据源,同时将这个XML文件作为数据源供应给TREECOMPONENT。
7.持续鄙人方到场以下代码- //设置treecomponent的侦听器。myTreeListener=newObject();//节点翻开事务myTreeListener.nodeOpen=function(eventObject){myStatusArea.text+="<LI>"+eventObject.node.attributes.label+"opened.";}
复制代码 以上代码创建侦听器,来侦听节点翻开事务。
<P> 8.持续到场代码以下:- //节点封闭事务myTreeListener.nodeClose=function(eventObject){myStatusArea.text+="<LI>"+eventObject.node.attributes.label+"<I>closed.</I>.";}
复制代码 向下面代码一样创建封闭事务。
9.持续在帧上到场代码- //改动事务myTreeListener.change=function(eventObject){//选择的节点vartheSelectedNode=eventObject.target.selectedNode;//选中节点的labelvartheSelectedNodeLabel=theSelectedNode.attributes.label;//将其显现在textArea组件中myStatusArea.text+="<LI>"+theSelectedNodeLabel+"<B>Selected</B>.";}
复制代码 10.持续到场以下代码。- myTree.addEventListener("nodeOpen",myTreeListener);myTree.addEventListener("nodeClose",myTreeListener);myTree.addEventListener("change",myTreeListener);
复制代码 在这里要注重的是在注册侦听器时你不克不及一次注册一切的事务。
11.
本地或全局转换应用于任何对象。但非真正意义上的3D,层的位置关系其显示问题。 |
|