论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash AS编程教程
Tag:2.0,3.0菜鸟,游戏,,cs,技巧,源码,,文本,文字,函数,音乐,随机,拖拽,asp,access,xml,mc,视频教程

使用Flash CS3开发AIR程序教程(AIR beta2修正版)

文章类别:Flash AS编程 | 发表日期:2008-10-6 17:42:49


使用Flash CS3开发AIR程序教程(AIR beta2修正版)
【准备条件】:
     Flash CS3(目前AIR插件不支持中文版);
     AIR Runtime(http://labs.adobe.com/downloads/air.html);
     官方AIR插件(http://labs.adobe.com/wiki/index.php/AIR:Flash_CS3_Professional_Update);
     先确认上述软件是否都安装好了,如果没有请下载安装。
【AIR的API文档】:http://livedocs.adobe.com/labs/air/1/aslr/index.html
【图文教程】:
1、运行Flash CS3软件,点击在欢迎界面的 “Create New” 中的“Flash File(Adobe AIR)” 一项,来新建AIR项目;

P.S.当然你可以通过菜单里的“发布设置”,把原来做的Flash项目变成AIR项目;我在这里就不再重复了。
2、将flash文件的文档类设置为“air.test.Main”,这个是我写的一个测试类(AIR中Flash部分的代码和原来也差不多的,只是比原来多了一些特殊类而已,这个可以看上面的API文档);

Main.as代码
view plaincopy to clipboardprint?
  1. /**  
  2. * @link http://www.klstudio.com  
  3. * @author Kinglong  
  4. * @version 0.1  
  5. */  
  6.   
  7. package air.test {   
  8.   
  9.     import flash.display.*;        
  10.     import flash.net.*;   
  11.     import flash.events.*;   
  12.     import flash.filters.*;   
  13.     import flash.text.*;   
  14.     import flash.system.Capabilities;   
  15.        
  16.     import fl.controls.Button;   
  17.        
  18.     public class Main extends Sprite{   
  19.         private var _win:NativeWindow;   
  20.         private var _close:Button;   
  21.         public function Main(){            
  22.             _win = stage.nativeWindow;   
  23.             _win.title = "AIR测试";   
  24.                
  25.             stage.showDefaultContextMenu = false;   
  26.             stage.scaleMode = StageScaleMode.NO_SCALE;   
  27.             stage.align = StageAlign.TOP_RIGHT;   
  28.             drawBackGround();   
  29.                
  30.             _close = new Button();   
  31.             _close.setStyle("textFormat",getTextFormat());             
  32.             _close.label = "关闭";   
  33.             _close.setSize(40,22);   
  34.             _close.move(_win.width-_close.width - 10,8);   
  35.             _close.addEventListener(MouseEvent.CLICK,eventHandler);   
  36.             addChild(_close);   
  37.         }   
  38.            
  39.         public function drawBackGround():void{   
  40.             var w:uint = stage.stageWidth;   
  41.             var h:uint = stage.stageHeight;   
  42.             var r:uint = 20;   
  43.             graphics.beginFill(0x009CFE,0.6);   
  44.             graphics.drawRoundRect(0,0,w,h,r,r);   
  45.                
  46.             graphics.beginFill(0xFFFFFF);   
  47.             graphics.drawRoundRect(5,5,w-10,h-10,r,r);   
  48.                
  49.             var label:TextField = getLabel("欢迎访问www.klstudio.com网站!",0xFFFFFF,14,true,"宋体","http://www.klstudio.com");   
  50.             label.x = 10;   
  51.             label.y = 10;   
  52.             label.filters = [getBitmapFilter()];   
  53.             addChild(label);   
  54.                
  55.             _win.y = 5;   
  56.             _win.x = Capabilities.screenResolutionX - _win.width - 5;   
  57.                
  58.             stage.addEventListener(MouseEvent.MOUSE_DOWN,eventHandler);   
  59.         }          
  60.            
  61.         public function eventHandler(event:MouseEvent):void{   
  62.             switch(event.target){   
  63.                 case stage:   
  64.                     _win.startMove();   
  65.                     break;   
  66.                 case _close:   
  67.                     _win.close();   
  68.                     break;   
  69.             }   
  70.         }   
  71.            
  72.         public function getBitmapFilter():BitmapFilter{   
  73.             var color:Number = 0x000000;   
  74.             var alpha:Number = 0.8;   
  75.             var blurX:Number = 2;   
  76.             var blurY:Number = 2;   
  77.             var strength:Number = 6;   
  78.             var inner:Boolean = false;   
  79.             var knockout:Boolean = false;   
  80.             var quality:Number = BitmapFilterQuality.HIGH;   
  81.             return new GlowFilter(color,   
  82.                                   alpha,   
  83.                                   blurX,   
  84.                                   blurY,   
  85.                                   strength,   
  86.                                   quality,   
  87.                                   inner,   
  88.                                   knockout);   
  89.         }   
  90.            
  91.         private function getTextFormat(color:uint=0x000000,size:uint=12,bold:Boolean=false,font:String="宋体",url:String=""):TextFormat{   
  92.             var tf:TextFormat = new TextFormat();   
  93.             tf.font = font;   
  94.             tf.bold = bold;   
  95.             tf.size = size;   
  96.             tf.color = color;   
  97.             if(tf.url != ""){   
  98.                 tf.url = url;   
  99.                 tf.target = "_blank";   
  100.             }   
  101.                
  102.             return tf;   
  103.         }   
  104.            
  105.         private function getLabel(lbl:String,color:uint=0x000000,size:uint=12,bold:Boolean=false,font:String="宋体",url:String=""):TextField{   
  106.             var tf:TextField = new TextField();   
  107.             tf.defaultTextFormat = getTextFormat(color,size,bold,font,url);    
  108.             tf.autoSize = TextFieldAutoSize.LEFT;   
  109.             tf.selectable = false;   
  110.             tf.text = lbl;             
  111.             return tf;   
  112.         }      
  113.            
  114.     }   
  115.        
  116. }   

3、设置AIR配置文件(其实就是一个XML文件而已),打开菜单“Command” > “AIR - Application and Installer Setting”;


    File Name: 就是AIR打包的主件名,默认就可以了;
    Name:窗体标题 ;
    ID:AIR应用程序ID字符串(老实说我也不理解这个做什么用,好像与安全认证有关)
    Version:自己定义AIR版本信息;
    Description:AIR应用程序的功能简述;
    Copyright:版权信息设置;
    Window Style:AIR程序的窗体样式(系统窗体样式,自定义窗体样式(不透明),自定义窗体样式(透明));
    
    Icon:AIR图标文件设置(图标文件都是png文件,大小有16X16,32X32,48X48,128X128四种格式);
    
    Digital signature :数字证书设置(这个是AIR beta2增加的新功能);
    
        如果有已经有数字证书文件的话,可以指定相关文件,否则就按Create按钮自己新建一个数字证书。
        
    Program menu folder:开始菜单目录设置;
    Destination folder:AIR文件生成目录路径;
    Included files:AIR文件里所包含的相关文件;
    P.S.AIR文件其实就是一个zip压缩包文件;在上面Application设置注意一下,不支持中文字符(只要有中文字符调试就报错,原因是有中文字符后,生成的xml配置文件就不完整);
4、可以通过“<ctrl>+<Enter>”来调试AIR程序,但对于trace信息都不会在输出窗口显示的,但可以菜单“Debug” > “Debug Movie” 来显示trace信息的
5、为了更显得AIR酷的感觉,本例中窗体样式就选择了“自定义窗体样式(透明)”;

6、可以通过“AIR - Application and Installer Setting”里的Publish AIR file按钮来发布AIR文件,或通过菜单“Command” > “AIR - Create AIR file”直接发布;
7、发布成功后就可以在发布目录里看到AIR文件了

【相关文件】:http://www.klstudio.com/demo/air/test/test.rar
视频教程列表
文章教程搜索
 
Flash AS推荐教程
Flash AS热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058