flash cs如何制作fla形式的组件
2009-03-18 01:24
337 查看
Flash CS3如何制作Fla形式的组件 |
2008-04-23 来源:闪吧 作者:佚名 点击数:1243 |
制作步骤:
1、首先创建一空白的ActionScript3.0的flash文档,然后保存文件命名为:"FLA_ComponentX".//名称可以任意。
2、CTRL+F8,新建一空白剪辑,取名为"Avatar",进入编辑,第一真上我们画一矩形框(Stroke style我们选择"hairline",最细的线条),不用填充,一定要记得设置坐标为(0,0),位置固定的.
3、CTRL+F8,继续新建个空白剪辑,取名为"NormalSkin",点开高级设置,把"导出ActionScript","导出到第一
真"两项打勾,class中填入"NormalSkin",最后把"启动9-scale缩放的引导线"选项打勾,最后确定,进入编辑,画一填充圆角矩形,
设置颜色为灰色,摆放位置(0,0),可以拖动9-scale缩放的引导线,如图对齐,作用是让圆角矩形进行所放的时候保持四个定位的角不变形,这个矩形
用来做按钮的普通模式的皮肤.
4、CTRL+F8,继续新建个空白剪辑,同上,取名为"OverSkin",点开高级设置,把"导出
ActionScript","导出到第一帧"两项打勾,class中填入"OverSkin",最后把"启动9-scale缩放的引导线"选项打勾,最
后确定,进入辑,画一填充圆角矩形,设置颜色为红色,摆放位置(0,0),这个矩形用来做按钮的鼠标经过模式的皮肤.
5、CTRL+F8,新建个空白剪辑(这下我们建立的就是最终的按钮组件,上面建立的都是这按钮的组成部分),取名为"MyButton",点
开高级设置,把"导出ActionScript","导出到第一真"两项打勾,class中填入"MyButton",然后确定,进入编辑,第一层取名为
"avatar",然后第一帧上我们从库中把"Avatar"元件拖放到场景中,放置到(0,0)位置,这一真的内容在我们最后运行组件的时候是看不到
的,作用主要是用来控制整个组件的宽高.然后我们新建立一层,取名"skins",在第二帧上我们把库中的"NormalSkin"和
"OverSkin"组件拖进来,位置可以随意摆放,这上面的元件是我们将来使用组件的时候,双击进入能够进行设置的.
6、点中库中的"MyButton"元件,右键菜单中选"Component
Definition"(组件定义)选项,会进入一窗口,把类名填上"MyButton",再把"diaplay in Components
panel"选项打上钩,"Tool
tiptext"中填入组件名称,我这里填"MyButton".这里还有设置组件的preview(预览)效果还有图标等,其他内容大家可根据需要自行
设置。
7、到这步,我们会发现还缺少一个外部的自定义组件的代码,也就是上面"MyButton"元件连接的"MyButton"类.由于类中导入了
组件类,所以我们要设置FLASH
CS3的classPath(类路径),选编辑-->参数设置-->ActionScript-->ActionScript3.0,
添加一新的类搜索路径,我这里为"D:/Program Files/Adobe/Adobe Flash
CS3/en/Configuration/Component Source/ActionScript 3.0/User Interface"
大家根据各自情况设置好路径,新建ActionScript文档,填入如下代码:
/************MyButton.as**************/ package{ import flash.display.*; import flash.events.*; import flash.system.ApplicationDomain; import fl.core.UIComponent; public class MyButton extends UIComponent { private var nowSkin:MovieClip; private var thisDomain:ApplicationDomain; public function MyButton() { super(); trace("MyButton"); } override protected function draw():void { if (nowSkin==null) { thisDomain=loaderInfo.applicationDomain; var classDef try{ classDef=thisDomain.getDefinition(getNormalSkinName());} catch(e:ReferenceError){ trace("没有在库中找到相关的类!") return; } nowSkin=new classDef as MovieClip; nowSkin.addEventListener(MouseEvent.MOUSE_OVER,mouseOverHandler); addChild(nowSkin); } nowSkin.width=width; nowSkin.height=height; } protected function mouseOverHandler(e:MouseEvent):void{ trace("over"); removeChild(nowSkin); var classDef=thisDomain.getDefinition(getOverSkinName()); nowSkin=new classDef as MovieClip; addChild(nowSkin); nowSkin.addEventListener(MouseEvent.MOUSE_OUT,mouseOutHandler); draw(); } protected function mouseOutHandler(e:MouseEvent):void{ trace("out"); removeChild(nowSkin); var classDef=thisDomain.getDefinition(getNormalSkinName()); nowSkin=new classDef as MovieClip; addChild(nowSkin); nowSkin.addEventListener(MouseEvent.MOUSE_OVER,mouseOverHandler); draw(); } protected function getNormalSkinName():String { return "NormalSkin"; } protected function getOverSkinName():String { return "OverSkin"; } } } |
相关文章推荐
- 如何制作[*.fla]形态的组件(Component)
- 如何制作Vuejs组件,并且在项目中使用
- 如何制作以旋转菜单为操作形式的相册?
- 对上一篇文章(如何制作以旋转菜单为操作形式的相册?)的总结!
- 如何制作无状态的ASP组件
- 本文教你如何使用autoconf、automake等来制作一个以源代码形式(.tar.gz)发布的软件、并可在执行configure时使用自定义参数。
- 手把手教你: 如何制作以动画的形式显示窗体
- 如何制作动态统计图的模板
- 如何制作思科和华为设备的console线
- Extjs 如何修改一个已经渲染好的配置组件属性
- (译)如何使用cocos2d和box2d来制作一个Breakout游戏:第一部分
- 如何用c#来制作一个activeX控件或类似的东西
- 如何优雅的设计 React 组件
- InstallShield中如何制作应用程序的卸载快捷方式
- VC调用Delphi制作的动态链接库如何互相传递字符串
- 如何用ps制作苹果
- 如何使用一个不错的图表组件WebChart(免费) 用c#编写
- 如何制作ISO光盘镜像,2款工具 PowerISO, UltraISO
- 如何完整高效地制作一款APP产品需求文档
- vue 父组件如何调用子组件的函数Methods