Flash CS制作Flex组件

? ?Flash CS制作Flex组件

? ? ? ? 在Flex开发中，有时会碰到需要一些动画效果或者某种样式，如果用代码编写，对于初学者可能会比较麻烦。本文介绍了使用Flash?CS软件，自制Flex组件，设计自己的样式，减小开发中代码的编写。这里以制作动态天气图片为例，素材：选择两张天气图片，导入到Flash?CS中。

? ? ? 制作Flex组件关键是如何将制作的Flash元件转换为Flex组件。事先制作Flash元件（如：按钮元件、图形元件）都要放到空白“影片剪辑”类型的元件中，通过将“影片剪辑”类型的元件成功转换成Flex组件。转换后，还需要对组件的属性设置一下，“合并到代码”。下面通过实例，演示制作过程。

?? 一、在flash?CS中制作组件

?????? ??1、?选择“文件”->“新建”,”ActionScript3.0”文档。

????? ?? 2、?另存为。取文件名“weather.fla”

????????3、?选择“插入”->“新建元件”(ctr+F8)，创建新元件，命名为”component1”,类型：影片剪辑。

4、?制作动态切换效果。

????在第一桢中插入空白关键桢，在舞台中放入一张图片，选择左对齐，顶对齐；然后再选择89桢，将他们转换为关键桢。在91桢位置插入空白关键桢，在舞台中放入另一张图片，选择左对齐，顶对齐；然后再选择89桢，将他们转换为关键桢。

5、?将影片剪辑元件转换为Flex组件

（1）选择“命令”将“组件转换为Flex组件”，影片剪辑元件图标变为Fx图标?

（2）在属性中，编辑“Actionscript?设置”

将运行时共享库设置：默认连接由“运行时共享库（RSL）”设置为“合并到代码”

选择“文件”、“发布”（alt+shift+F12），在fla所处的文件中会出现

二、在Flex项目中使用

???最后将.swc文件直接拖放到Flex项目中，在设计界面的组件中会出现weather_btn1，就可以对它进行使用。代码：