Kinglong's Blog

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

发布:kinglong | 发布时间: 2007年10月19日

[AIR]使用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代码

/**<br/>* @link http://www.klstudio.com<br/>* @author Kinglong<br/>* @version 0.1<br/>*/<br/><br/>package air.test {<br/><br/> import flash.display.*; <br/> import flash.net.*;<br/> import flash.events.*;<br/> import flash.filters.*;<br/> import flash.text.*;<br/> import flash.system.Capabilities;<br/> <br/> import fl.controls.Button;<br/> <br/> public class Main extends Sprite{<br/> private var _win:NativeWindow;<br/> private var _close:Button;<br/> public function Main(){ <br/> _win = stage.nativeWindow;<br/> _win.title = "AIR测试";<br/> <br/> stage.showDefaultContextMenu = false;<br/> stage.scaleMode = StageScaleMode.NO_SCALE;<br/> stage.align = StageAlign.TOP_RIGHT;<br/> drawBackGround();<br/> <br/> _close = new Button();<br/> _close.setStyle("textFormat",getTextFormat()); <br/> _close.label = "关闭";<br/> _close.setSize(40,22);<br/> _close.move(_win.width-_close.width - 10,8);<br/> _close.addEventListener(MouseEvent.CLICK,eventHandler);<br/> addChild(_close);<br/> }<br/> <br/> public function drawBackGround():void{<br/> var w:uint = stage.stageWidth;<br/> var h:uint = stage.stageHeight;<br/> var r:uint = 20;<br/> graphics.beginFill(0x009CFE,0.6);<br/> graphics.drawRoundRect(0,0,w,h,r,r);<br/> <br/> graphics.beginFill(0xFFFFFF);<br/> graphics.drawRoundRect(5,5,w-10,h-10,r,r);<br/> <br/> var label:TextField = getLabel("欢迎访问www.klstudio.com网站!",0xFFFFFF,14,true,"宋体","http://www.klstudio.com");<br/> label.x = 10;<br/> label.y = 10;<br/> label.filters = [getBitmapFilter()];<br/> addChild(label);<br/> <br/> _win.y = 5;<br/> _win.x = Capabilities.screenResolutionX - _win.width - 5;<br/> <br/> stage.addEventListener(MouseEvent.MOUSE_DOWN,eventHandler);<br/> } <br/> <br/> public function eventHandler(event:MouseEvent):void{<br/> switch(event.target){<br/> case stage:<br/> _win.startMove();<br/> break;<br/> case _close:<br/> _win.close();<br/> break;<br/> }<br/> }<br/> <br/> public function getBitmapFilter():BitmapFilter{<br/> var color:Number = 0x000000;<br/> var alpha:Number = 0.8;<br/> var blurX:Number = 2;<br/> var blurY:Number = 2;<br/> var strength:Number = 6;<br/> var inner:Boolean = false;<br/> var knockout:Boolean = false;<br/> var quality:Number = BitmapFilterQuality.HIGH;<br/> return new GlowFilter(color,<br/> alpha,<br/> blurX,<br/> blurY,<br/> strength,<br/> quality,<br/> inner,<br/> knockout);<br/> }<br/> <br/> private function getTextFormat(color:uint=0x000000,size:uint=12,bold:Boolean=false,font:String="宋体",url:String=""):TextFormat{<br/> var tf:TextFormat = new TextFormat();<br/> tf.font = font;<br/> tf.bold = bold;<br/> tf.size = size;<br/> tf.color = color;<br/> if(tf.url != ""){<br/> tf.url = url;<br/> tf.target = "_blank";<br/> }<br/> <br/> return tf;<br/> }<br/> <br/> private function getLabel(lbl:String,color:uint=0x000000,size:uint=12,bold:Boolean=false,font:String="宋体",url:String=""):TextField{<br/> var tf:TextField = new TextField();<br/> tf.defaultTextFormat = getTextFormat(color,size,bold,font,url); <br/> tf.autoSize = TextFieldAutoSize.LEFT;<br/> tf.selectable = false;<br/> tf.text = lbl; <br/> return tf;<br/> } <br/> <br/> }<br/> <br/>}<br/>


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

  

标签:

• air  教程  

发布:kinglong | 分类:Flash相关 | 评论:14 | 引用:0 | 浏览: | TrackBack引用地址

• 相关文章:

• [AIR]我的第一个AIR程序—Weather.air  (2007-10-18 18:1:27)

  Flash CS3组件开发教程  (2007-6-18 13:10:18)

•  1.wdc
• http://www.hcxm.cn
• 站长好快的速度啊，早上才发布程序，现在教程就出来了。嘿嘿，可以让我转载一下吗
• 2007-10-19 13:48:54 回复该留言

•  2.wdc
• http://www.hcxm.cn
• 教程相当的不错
• 2007-10-19 13:51:21 回复该留言

•  3.sytao
• http://honguo.com/blog
• NativeWindow 是不是还要安装flex才行？？
  我机器上就只有flash cs3。
• 2007-10-19 16:33:55 回复该留言

•  4.sytao
• http://honguo.com/blog
• 请问NativeWindow类我要怎么在flash cs3里面使用？
• 2007-10-20 0:08:36 回复该留言

•  5.kinglong
• http://www.klstudio.com
• NativeWindow类属于AIR专用的类,如果不是AIR项目的话,Flash CS3是不能编译通过的!
• 2007-10-20 3:48:13 回复该留言

•  6.sytao
• http://honguo.com/blog
• AIR专用的类????
  
  过程都是按教程来的。flash cs3 里面新建的也是Flash File(Adobe AIR)。
  那应该怎么建立AIR 项目呢？？
  实在不懂。刚刚接触:)
• 2007-10-20 13:08:04 回复该留言

•  7.kinglong
• http://www.klstudio.com
• flash cs3 里面新建的也是Flash File(Adobe AIR)。就表示你已经新建了AIR项目了
  这样Stage里有多了一个nativeWindow属性了,它表示当前RIA主窗口(NativeWindow)!
  至于NativeWindow里面的属性和方法怎么用,请自行查看AIR的API文档!
  
• 2007-10-21 0:24:46 回复该留言

•  8.熊小明
• http://www.51as.com
• 非常好的教程,我已经将它转载收录至 http://www.51as.com/as3/2007-12-10/AS3-KaiFa-AIR-ChengXuJiaoCheng-FuDaiTianQiYuBaoYuanMa.html
  如果对转载又任何意见 可以发邮件或者msn至:as3#live.cn 我将立即改正或者删除!!最后谢谢为大家提供这么好的教程!
• 2007-12-10 15:20:05 回复该留言

•  9.smc
• 我按照上面的做了，运行AIR文件，出现：
  
  Getting ready to install this application...
  
  之后却出现如下的错误提示：
  
  Sorry,an error has occurred
  
  This application requires an update to Adobe AIR but donloading that update was not successful.
  
  请问应怎样去解决？谢谢！
  
  
• 2007-12-13 14:16:59 回复该留言

•  10.kinglong
• http://www.klstudio.com
• 你升级一下AIR Runtime的版本!
• 2007-12-14 10:41:10 回复该留言

•  11.jack.kam
• http://www.qq-best.cn
• 国内AIR的东西还是少啊...
• 2007-12-20 14:17:46 回复该留言

•  12.smc
• 谢谢,可以了.
  不过我还想问一下,能不能将这个天气预报在网页上显示出来?是怎么做的?
  
  
• 2007-12-28 12:59:52 回复该留言

•  13.evo
• 我下载了ADOBE官方的那个例子，骷髅头的那个
  打开FLA报错，1046: 找不到类型，或者它不是编译时常数: SQLErrorEvent。
  可我查看代码，发现已经有
  import flash.events.SQLEvent;
  import flash.events.SQLErrorEvent;
  虽然在使用时报错，但在import时并不显示找不到类文件
  请问这是怎么回事？
  我试着去搜索events这个包，但也找不到
• 2008-1-21 10:00:11 回复该留言

•  14.大成
• 您好，我是清华大学出版社编辑，有兴趣写本ＡＩＲ开发的书吗？
  盼回复
  
  ＱＱ：54709454
  MSN:downchance@hotmail.com
  
  
• 2008-2-21 9:08:22 回复该留言