Flex embed XML and Icon

在平日的FLEX开发中，我们经常会遇到各种XML和Icon 内嵌，如何方便快速的管理这些文件成为提高开发效率的要点。

最近在做flex右键菜单时遇到的麻烦，下面将近期的经验总结在此，备忘。

?

首先是XML 的内嵌（此处的mimeType只能指定为二进制）

[Embed(source="/assets/xml/contextmenu.xml",mimeType="application/octet-stream")]
private?var?MenuConfig:Class;
//读取
var?bytes:ByteArray?=?new?MenuConfig;
var?menuConfig:XML?=?new?XML(bytes.readUTFBytes(bytes.length));

还有一种是在mxml中加入,然后通过id引用

<fx:XML?id="menuConfig"?source="/assets/xml/contextmenu.xml"/>

?

下面是icon的嵌入

将需要嵌入的图标统一写在一个AS文件中，然后在主应用中加载as文件

Icons.as (注意：作用域一定要写为public,且不要加static,不要加package和class类声明，编译会报错)

[Embed("/assets/images/arcgis16/add.png")]
public?var?AddIcon:Class;
[Embed("/assets/images/arcgis16/FolderBlueAdd.png")]
public?var?AddGroupIcon:Class;
[Embed("/assets/images/arcgis16/addressAdd.png")]
public?var?AddAddressIcon:Class;
[Embed("/assets/images/arcgis16/sketch.png")]
public?var?SketchIcon:Class;
[Embed("/assets/images/arcgis16/properties.png")]
public?var?PropertiesIcon:Class;
[Embed("/assets/images/arcgis16/delete.png")]
public?var?DeleteIcon:Class;

之后在应用中引入

<fx:Script?source="/assets/script/Icons.as"/>

此方法适用于Menu,MenuBar等控件的数据源配置，因为通常她们的数据源都是XML，并可配置icon属性，相当方便。

var?rightClickMenu:Menu?=?Menu.createMenu(FlexGlobals.topLevelApplication?as?DisplayObjectContainer,?menuConfig,?false);
rightClickMenu.labelField?=?"@label";
//iconField一定要指定，否则图标不会生效
rightClickMenu.iconField?=?"@icon";
//将菜单排列紧密
rightClickMenu.variableRowHeight?=?true;
rightClickMenu.addEventListener(MenuEvent.ITEM_CLICK,?handler);