flex 绑定元数据的方法总结

这是一种将图片或者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> 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值