将多个fxg文件打包成swf，加载swf并将其中的fxg作为类使用

将多个fxg文件打包成swf，加载swf并将其中的fxg作为类使用

在利用fxg制作点状符号库的过程中，需要动态加载fxg文件，并将其作为类使用。然而flex自身并不支持flex文件的直接读取。虽然在flex项目中，可以将fxg文件直接放在flashbuilder4的源文件中，一起编译后可直接作为类使用，但是这样fxg文件需要事先编译，和程序不能脱离，达不到动态加载的目的。

 

为了解决上述难题，一个可行的解决方案是将fxg文件打包成swf，然后加载swf并从中析取fxg作为类使用。对于这种方法，我将分两部分加以说明。

 

1.将多个fxg文件打包成swf

据我所知，有两种方法可以做到这一点。

 

第一种方法是在FlashBuilder4中创建一个新的flex库项目，将fxg文件置于src文件夹中，编译后生成swc。将swc解压后有两个文件：catalog.xml，用于各类/资源的配置文件；library.swf，存放各种类/资源。

 

这种方法十分简单，但最大的缺点在于依赖FlashBuilder。试想最终用户想要根据自己制作的fxg生成点状符号库，还必须依赖flashbuilder是一件多么痛苦的事。换句话说，作为开发者，这点还可接受；但是作为需要自己更改符号库的最终用户，这点则是不可接受的。

 

于是我尝试了第二种方法：精简Flex的sdk。

 

利用Flex的sdk中的命令可以将fxg打包成swc。具体如下：

compc -include-sources E:\fxg2swc\bin\fxg\ -output e:\fxg.swc。

 

sdk中有许多与此不相干的东西，都可以删除掉，最后可精简至13M左右。这样就可以作为一个小工具提供给最终用户。

 

使用这种方法会遇到的一个问题是生成的swc会很大，造成这点的原因在于其将libs下的一些文件也打包在内，可通过更改sdk中的frameworks/flex-config.xml文件加以解决：将<library-path>中<path-element>libs/player/{targetPlayerMajorVersion}.{targetPlayerMinorVersion}</path-element>和<path-element>libs</path-element>放到<external-library-path>中。

 

2.从swf中析取fxg并作为类使用

其思路是利用loader类加载library.swf，然后利用从catalog.xml提取的类名从loader中提取类，然后利用类生成类对象。

 

(1)加载library.swf

 

var loader:Loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.COMPLETE ,onFxgComplete);
loader.load(new URLRequest("fxg/library.swf"));

 

 

(2)根据类名提取类

private function getClassByName(className:String,loaderInfo:LoaderInfo):Class

		{
			if (loaderInfo.applicationDomain.hasDefinition(className))
				return loaderInfo.applicationDomain.getDefinition(className) as Class;
			else
				return null;
		}	

  (3)根据类生成类对象

private function onFxgComplete(event:Event):void

		{
			var arr:Array = _xmlParse.getClassNameArray();
			for(var i:int = 0; i < arr.length;i++)
			{
				var cls:Class = this.getClassByName(arr[i],event.target as LoaderInfo);
				var fxg:DisplayObject = new cls();
				registerClassAlias(arr[i],cls);					
				_symArr.push(fxg);
			}
		}