- 浏览: 15131 次
最新评论
如何在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组件创建实例就完成了,你可以根据这一原理,开发更丰富,更有可用性的组件
发表评论
-
Flex Socket编程
2012-01-20 01:23 714Flex Socket编程 2011年02月17日 比较 ... -
Building a custom Flex preloader
2012-01-20 01:23 630Building a custom Flex preloade ... -
Flex4的可视化显示对象
2012-01-20 01:23 707Flex4的可视化显示对象 2011年05月12日 fl ... -
Flex富文本编辑器
2012-01-20 01:23 1163Flex富文本编辑器 2010年07月08日 近来在开发 ... -
流媒体中国(liumeiti.com)专访我公司总经理
2012-01-19 09:13 788流媒体中国(liumeiti.com) ... -
MT规划__运营、策划、发展、进度------南京南立视优公司1
2012-01-19 09:13 708MT规划__运营、策划、发展、进度------南京南立视优公司 ... -
做工控的朋友,留着可能有不时之需.2011工控破解,助你一臂之力!
2012-01-19 09:13 2555做工控的朋友,留着可能有不时之需.2011工控破解,助你一臂之 ... -
本人指导07级本科毕业设计/论文的题目
2012-01-19 09:13 808本人指导07级本科毕业设计/论文的题目 2010年10月11 ... -
delphi经典技艺
2012-01-17 01:43 661delphi经典技艺 2012年01月10日 http: ... -
心目中的Asp.net核心对象
2012-01-17 01:43 563心目中的Asp.net核心对象 2011年09月16日 ... -
java常用面试题
2012-01-17 01:43 615java常用面试题 2011年03月31日 JAVA 面 ... -
探索Linux内核空间文件IO实现
2012-01-17 01:43 822探索Linux内核空间文件IO ... -
黑客必知的DOS命令大全
2012-01-17 01:43 725黑客必知的DOS命令大全 2011年12月24日 cmd ... -
10] 建立C帝国(GDAL编译安装以及一般的C库编译步骤)
2012-01-15 20:57 55110] 建立C帝国(GDAL编译安 ... -
HK-2000数据采集仪WEB服务器BOA的移植方法
2012-01-15 20:57 612HK-2000数据采集仪WEB服务器BOA的移植方法 200 ... -
如何为linux嵌入式开发建立交叉编译环境(2.4内核)
2012-01-15 20:57 542如何为linux嵌入式开发建立交叉编译环境(2.4内核) 2 ... -
【转】如何为嵌入式开发建立交叉编译环境
2012-01-15 20:57 599【转】如何为嵌入式开发建立交叉编译环境 2009年10月26 ... -
EGLIBC库介绍
2012-01-15 20:57 631EGLIBC库介绍 2011年05月05 ...
相关推荐
这是flex3引用的swc包,创建项目的时候用的,类似java的jar包。供大家参考使用,谢谢!
直接使用flex的sdk生成swc文件,很繁琐,而且对于大项目来说,是个头痛的事情。ant在对java打包生成jar时,它优良的设计显露无疑,这里我们使用它,来生成swc,完成项目编译打包。
NULL 博文链接:https://huagenli.iteye.com/blog/710475
cairngorm.swc供需要的朋友急用
Flex Mate框架swc包及Mate用法。
flex 翻页效果swc包 例子代码 http://blog.csdn.net/xuhuanchao/archive/2009/11/12/4804276.aspx#1373163
apahce flex sdk 4.14.1中提取的,请存放于{你的SDK}\frameworks\libs 文件夹内
flex解析json的swc包(entity-flex-v1-02)及例子
FlexPaper的flex的swc文件,两个swc文件,引入flex工程便可以调用api。
flex amCharts图表的第三方工具包,希望能帮到大家。
在Flex应用中嵌入HTML代码或者网页,可以使用Iframe实现
arcgis server9.3 flex swc
这不是一本书,只是一个开发FLEX程序必需要用到的类库。
flex在线地图(earthplayerlib.swc)的使用例子,详细展现了flex与earthplayerlib.swc结合的详细过程,及ppt演示文档
flex更容易操作Excel,导入excel文件等操作
Flex中利用as3xlsUTF8.swc库文件导出Excel文件,支持中文
用这个包,你可以很快的给Flex3 VBox等添加上背景图片
flex图形界面模板 flash flex Fusioncharts.swc
hessian与flex交互,所以用到的swc包
用FLEX做地图,然后在地图上实现各种应用,我想大家都会非常的希望自己能够做到这样. 来我BLOG的,很多都是初级进入FLEX或者FLASH的朋友,所以我决定写一个系列的FLEX地图应用,但是到底会分成几篇,我也不敢说的那么...