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

ActionScript
Flash as入门(9):控制时间轴
Flash as入门(10):影片剪辑的深度
Flash as入门(12):使用遮罩Mask
Flash as入门(13):用AS代码实现过渡
Flash as入门(14):用AS实现补间动画
Flash as入门(15):filters类滤镜
Flash as入门(16):用AS绘制各种图形
导入图片批量生成到顺序帧自动发布swf
Flash as入门(18):MC使用颜色
TypeError: Error #1009: 无法访问空对象引用的属性或方法
Flash CS4如何控制动画声音的停止和播放
Flash AS实例:神奇的数字魔术盒子
Flash as入门(19):日期和时间
介绍ActionScript开发环境Flex Builder
Flash AS3实例教程:制作火苗动画
AS3教程:制作任意放大缩小旋转的变形工具
Flash实例:动态产生元件实例并控制
Flash AS3教程:旋转一周的直线并显示其轨迹
Flash AS动画证明数学的勾股定理
AtionScrip 3.0制作雪花飘飘动画

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 256 ::
收藏到网摘: 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" />