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技术 | 评论:16 | 引用: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 回复该留言

•  15.fawa
• 您好，我这里了出现了:Error creating AIR file.
  Namespce is invalide in the application descriptor file.
  请问您好知道什么原因吗？
• 2009-12-16 10:27:54 回复该留言

•  16.avc
• Sorry,an error has occurred
  
  This application requires an update to Adobe AIR that is not available for your system.
  
  Please view the system requirements for Adobe AIR and update your system accordingly.
  
  點解決?
• 2010-8-14 22:48:56 回复该留言