手机
当前位置:查字典教程网 >网页设计 >Flash教程 >flex 绑定元数据
flex 绑定元数据
摘要:这是一种将图片或者flash绑定为数据的方法。在代码中:[Bindable][Embed("assets/closed.png")]publ...

这是一种将图片或者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>

【flex 绑定元数据】相关文章:

flash椭圆工具教程

flash结合ps制作新年电子贺卡

Flash Web结构之数据显示层

flash AS打造图片滚动效果

Flash 视频广告的定位兼容性问题

Flash cs3、Flex与asp、php通信总结(包含数据库)

flash线条工具教程

flash钢笔工具教程

flash 制作求函数解析式

flash橡皮擦工具教程

精品推荐
分类导航