flex 绑定元数据

时间：2022-06-10 08:27:37|栏目：|点击：次

这是一种将图片或者flash绑定为数据的方法。在代码中：
[Bindable]
[Embed("assets/closed.png")]
public var myFolderClosedIcon:Class;
这三行代码是将clsed.png绑定为可用是数据。
其中[Embed(...)]是叫做”元数据”
注意，需要紧跟着要声明一个class变量，这个class在随后的代码中就代表了closed.png这个元素。
最后看看在mxml中的调用：
folderClosedIcon=”{myFolderClosedIcon}”
我们看到在Tree组件中，直接调用了这个类作为tree中节点闭合时前面的ico图标。
要绑定元数据还可以使用”元标签”[mx:Metadata]
本文分析的代码如下:[此段代码的作用是改变Tree组件的列表图标ICO]

复制代码代码如下:

 
<?xml version="1.0" encoding="utf-8"?> 
 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
 
layout="horizontal" viewSourceURL="srcview/index.html"> 
 
<mx:Script> 
 
<![CDATA[ 
 
[Bindable] 
 
[Embed("http://longstep.cn/closed.png")] 
 
public var myFolderClosedIcon:Class; 
 
[Bindable] 
 
[Embed("http://longstep.cn/opened.png")] 
 
public var myFolderOpenIcon:Class; 
 
[Bindable] 
 
[Embed("http://longstep.cn/pdf.png")] 
 
public var pdfIcon:Class; 
 
[Bindable] 
 
[Embed("http://longstep.cn/doc.png")] 
 
public var docIcon:Class; 
 
]]> 
 
</mx:Script> 
 
<mx:XML id="xmlData" xmlns=""> 
 
<rootNode> 
 
<directory label="dir"> 
 
<file icon="pdfIcon" label="label1" /> 
 
<file icon="docIcon" label="label2" /> 
 
</directory> 
 
<directory label="dir1"> 
 
<file icon="pdfIcon" label="label3" /> 
 
<file icon="docIcon" label="label4" /> 
 
</directory> 
 
</rootNode> 
 
</mx:XML> 
 
<mx:Panel title="Tree"> 
 
<mx:Tree 
 
borderStyle="none" 
 
backgroundAlpha="0" 
 
labelField="@label" 
 
iconField="@icon" 
 
width="300" 
 
height="200" 
 
id="treeAdmin" 
 
folderOpenIcon="{myFolderOpenIcon}" 
 
folderClosedIcon="{myFolderClosedIcon}" 
 
dataProvider="{xmlData.directory}" alpha="1" /> 
 
</mx:Panel> 
 
</mx:Application>

上一篇：FreeRTOS使用任务通知实现命令行解释器

栏目：

下一篇：AVG 7.5.1.43 版本序列号集合

本文标题：flex 绑定元数据

本文地址：http://www.codeinn.net/misctech/204376.html

flex 绑定元数据

阅读排行

推荐教程