如何在flex当中使用swc

如何在flex当中使用swc
2011年01月12日
　　在讲如何在flex当中导入swc之前，先讲讲什么swc吧。swc是flashIDE当中导出库的一种文件格式，其构成为swf+xml。假如，你不太熟悉怎么制作flash的话，那么你可以先去熟悉一下flashIDE制作swf的资料。而，我现在只说说如何成功在flash当中导出swc。
　　在flash当中如果要导出swc之前，需要给你flash库当中的元件制作一个导出链接。方法是，选中你要导出的元件，右键，选择属性。然后勾选，为ActionScript导出和在第1帧中导出选项。类名为flex中要生成的类名，推荐默认为元件的名称，注意大写第一个字母。
　　制作好导出链接之后，接下来的就是如何来导出swc文件了。导出swc文件的方式有两种。一种是在需要导出的元件上直接选中点击右键导出swc库文件。注意，这个导出为库导出，而非元件导出。所以你可以制作多个元件链接，然后选中某一个元件导出，其他的元件也就跟着导出了。而，只要你制作的有元件连接的话，那么他都可以在flex当中生成。
　　第二种方式是，shift+ctrl+f12，在弹出的选线面板当中选择flash选项卡，勾选导出swc文件选项。其导出swc的内部机制和上面一种是同样的。
　　现在来讲讲如何在flex当中使用swc文件吧。在flex里面新建ActionScript工程，然后选择新工程在导航栏里面选择项目，选择ActionScript构建路径，选择库路径，选择添加swc，导入你上面生成的swc的库路径，确定。ok！添加成功。
　　下面来讲讲如何在ActionScript工程里面生成刚才导入的swc库中的元件吧。很简单，你直接new一个上面flash当中我说到的元件类名，然后添加到显示列表。f11运行一下，ok~~是不是很简单呢？好吧，让我们迈开踏向RIA中flex游戏制作的第一步吧~！ 大家都知道，Flash中提供的组件大大方便了开发者的使用，提高了开发效率，并且Flash是允许自定义（自己开发）组件的，也就是说，你可以把自己比较好的应用或模块抽出来，制作成SWC组件提供给其他开发者使用，这样通过组件的共享，真的可以方便很多开发者哦（特别是很多对Flash Action Script编程不太感冒的人群，比如设计师，动画制作师），在一个团队中，组件的开发模式也是很大程度上方便大家的协同工作的好办法。
　　在Flash CS3中，已经可以很方便的创建SWC组件了，可以看这篇文章：
　　http://www.richbox.net/blog/?p=255
　　下面我们以创建一个圆形组件为例，看看在Flash CS4中，如何更方便的创建一个SWC组件：
　　1.首先打开Flash CS4，切换到"Developer"视图，找到项目面板，创建一个项目
　　
　　2.创建一个FLA文档，命名为"CircularDemo.fla"
　　3.使用绘图工具绘制一个圆形，并将图形转变为电影剪辑，命名为Circular
　　
　　4.回到项目面板，创建一个Action Script类Circular，注意要绑定到步骤3所建立的电影剪辑，可以这样设置：
　　
　　5.将下面的代码粘贴到新建的类中，替换原有代码
　　[actionscript]
　　package {
　　import flash.display.*;
　　import flash.geom.ColorTransform;
　　public class Circular extends MovieClip {
　　protected var bgColor:uint;
　　private var s:ColorTransform = new ColorTransform();
　　public function Circular() {
　　super();
　　trace("Circular is created");
　　}
　　[Inspectable(type="Color",defaultValue="#000000")]
　　public function get BackGroundColor():uint {
　　return bgColor;
　　}
　　public function set BackGroundColor(value:uint):void {
　　bgColor=value;
　　s.color = bgColor;
　　transform.colorTransform = s;
　　}
　　}
　　}
　　[/actionscript]
　　6. 在Library面板中找到Circular这个电影剪辑，点右键选择"Component Definition"，在CLASS一栏中输入Circular，并把Option相应的选项打上对勾，如图所示：
　　
　　7. 点OK，准备工作已经完成了，然后再回到Library面板，找到Circular，点右键选择"Export SWC File"，即可导出SWC文件了，先按默认路径保存，应该是在保存在自定义组件的文件夹下，稍后在Component面板中将会出现这个组件
　　8.关闭当前文件，重新启动Flash CS4，新建一个FLA文档，在组件面板中选择Standard Components目录展开，就会看到刚才我们创建的SWC组件
　　
　　9.拖动这个组件到场景中，在组件的属性面板中改变背景色，看一下场景上的组件，颜色是否变化了？
　　
　　10.至此一个简单的SWC组件创建实例就完成了，你可以根据这一原理，开发更丰富，更有可用性的组件