flex中使用swc实现更好的界面代码分离

一：通常我们会把一些常规的控制按钮，利用Flash CS的IDE界面做好，放到库中，并且在库中对元素进行外部链接设定

也就是给他取个名字ID

 

二：为了使他们做整体的效果出现，我们在库中再创建一个ControlButtonBar的movieClip并把这些元素都排列好

注意：在ControlButtonBar中，给每个按钮实例指定一个名称(这样在代码中才能引用到该按钮)
然后导出为swc文件

swc的导出文件名可以随便写，我这里保存为"ControlButtonBar.swc"，界面部分搞定了，可以关掉flash cs了，
再启用flex builder，随便新建一个项目(我习惯用ActionScript Project)，
项目上右击-->properties-->ActionScript BuildPath-->LibaryPath-->ADD SWC

选择刚才导出的swc文件，然后点击Ok，观察project，在Referrnced Libraries里，能看到对该swc的引用

这些搞完之后，就可以在代码里爽一把了：

 

如此一来就完美的将设计元素和代码分离开来，如果以后修改了设计元素我们只需要更新SWC文件重新编译就好了。