当前位置: 首页 > 图文教程 > Flash动画 > ActionScript > Flash air制作淡入淡出窗体动画效果

ActionScript
Flash AS特效:超绚丽的闪字动画
Flash游戏开发教程:第四节
Flash组件教程:组件动画效果的修改
Flash Actionscript常用的几段代码
彻底消灭Flash动画中的乱码
Flash游戏开发教程:第三节
mc深度的排序值设置方法
Flash as简单制作鼠标跟随文字动画
Flash游戏开发教程:第二节
Flash Actionscript 优化指南
Flash游戏开发教程:第八节
ActionScript的API文档生成工具ASDoc
Flash游戏开发教程:第七节
Flash AS教程:蝌蚪摆尾动画
Flash AS3教程:汉字转拼音
Flash游戏开发教程:第五节
Flash游戏开发教程:第六节
Flash AS3教程:下雪动画效果
Flash as教程:文字散射效果
Flash编写类及外部as文件的方式

ActionScript 中的 Flash air制作淡入淡出窗体动画效果


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 253 ::
收藏到网摘: n/a

Flash air有一个很炫的功能,它可以做基于FLASH的自定义窗体,太在厉害了,你可以想像用flash air做的程序能够炫到什么程度。
下面就用一个示例来向大家展示,打开FLASH CS3创建一个FLASH AIR文档,如图所示:

保存此文档为mywindow.fla,文档类中填写main,再新建一个AS文件,保存在同目录下,名为main.as,在此文件中输入以下代码:
package {
import flash.display.MovieClip;
import flash.display.NativeWindow;
import flash.text.TextField;
import flash.display.SimpleButton;
import flash.events.MouseEvent;
public class main extends MovieClip {
private var window:NativeWindow;
private var mytxt:TextField;
private function startrun():void {
window=stage.nativeWindow;
window.title="我自定义窗体";
mytxt=new TextField();
mytxt.width=100;
mytxt.height=20;
mytxt.x=225;
mytxt.y=180;
mytxt.text="Hello AS3!";
addChild(mytxt);
close_btn.addEventListener(MouseEvent.CLICK,clickclose);
stage.addEventListener(MouseEvent.MOUSE_DOWN,drag);
}
private function clickclose(event:MouseEvent):void{
play();
}
private function closethis():void{
window.close();
}
private function drag(event:MouseEvent):void{
window.startMove();
}
}
}
再打开window.fla文件,在场景中做一个程序启动时的动画,可以随意,我们就做一个淡入淡出的动画效果吧。如下图所示:

选中第12帧(也就是关键帧处),创建一个按钮,实例名称为close_btn,按F9打开动作面板,输入以下命令:

stop();

startrun();//调用外部as文件里的函数
当影片播放到这里时,影片停止,开始执行代码。选中影片最后一帧,输入以下代码:

closethis();
到现在我们的窗体还会显示标题栏,的以我们还要对窗体进行地一下配置,选择Commands->AIR -Application and Istaller Settings,如下图所示:

这时会出现一个对话框,如下图所示:

在Window style下拉列表中我们选择Custom Chrome(transparent),点OK就行了。好了,我们按Ctrl Enter来运行一下试试。最原始的自定义窗体,效果还算行吧!
测试文件下载:http://www.ruanchen.com/"" border="0" src="/upload/tech/20090916/20090916062932_288cc0ff022877bd3df94bc9360b9c5d.png" />