论坛首页 编程语言技术论坛

用Flex Builder创建第一个Flex AIR程序

浏览 3834 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-04-30   最后修改:2010-04-30

创建一个AIR工程

先安装好Adobe AIR运行时以及设置好开发环境。


在Flex Builder3里创建工程:

1. 打开Flex Builder 3.
2. 选择菜单File  -->  New  -->  Flex Project
   在"Project name"中输入工程名,例如:AIRHelloWorld,
   在"Application type"中选在Desktop application,
3. 不需要使用服务器技术,因此选择 None,然后单击 Next。
4. 在下个对话框中(设置构建路径),不用改变,点 Next。
5. 指定下面的设置,然后点Finish:

  AIR 项目最初有两个文件组成:主 MXML 文件和应用程序 XML 文件(称作应用程序描述符文件)。后一文件指定用于标
  识、安装和启动 AIR 应用程序的参数。有时候,您可能需要手动编辑此文件。


可以更改一些设置,将应用程序改为透明的:

1. 在 Flex Navigator 窗格中,在项目的源目录中找到该应用程序的描述符文件。如果项目名为 AIRHelloWorld,则该文件应该名为 AIRHelloWorld-app.xml文件。
2. 双击该应用程序描述符文件,以便在 Flex Builder 中进行编辑。
3. 在 XML 代码中,找到 systemChrome 和 transparent 属性(属于 initialWindow 属性)的注释行。删除注释。(删除 "<!--" 和 "-->" 注释分隔符。)
4. 将 systemChrome 属性的文本值设为 none,如下所示:
  <systemChrome>none</systemChrome>
  或  <systemChrome>standard</systemChrome>
5. 将 transparent 属性的文本值设为 true,如下所示:
  <transparent>true</transparent>
  或  <transparent>false</transparent>

6. 保存修改,关闭AIRHelloWorld-app.xml文件。


编写程序代码:

要编写这个"Hello World"程序代码,需要编辑此程序的MXML文件(AIRHelloWorld.mxml),在Project Navigator视图中找到它并打开。
所有的Flex AIR程序都包含在MXML WindowedApplication标签内,它创建了一个简单的窗口,只包含标题栏和关闭按钮。

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" title="Hello World">
<mx:Style>
    Application
    {
        background-image:"";
        background-color:"";
        background-alpha:"0.5";
    }
</mx:Style>
  <mx:Label text="Hello AIR" horizontalCenter="0" verticalCenter="0"/>
</mx:WindowedApplication>


测试 AIR程序:

1. 点击工具栏上的调试按钮。

    可以选择 Run  -->  Debug  -->  AIRHelloWorld

    运行后的结果可能会是这样(用户桌面的背景为绿色):

2. 使用Label组件的horizontalCenter和verrticalCenter属性,文本会放置在窗口的中央,你可以任意移动或改变窗口的大小,这和普通的桌面程序没什么不同。


FLEX 打包 AIR 应用程序、为应用程序签名和运行应用程序:

现在可以用Flex Builder对"Hello World"程序打包为AIR文件以便分发。一个AIR文件是一个压缩文件,它包含程序文件(这些文件都包含在工程的bin目录中),把这些AIR文件分发给用户以便用户用它进行安装。此过程中的一个必需步骤是对包进行数字签名。

1. 确定你的程序没有编译错误信息以及运行异常。
2. 选择 Project  -->  Export Release build 。
   或:
   选择菜单 File  -->  Export  -->  Release build.

3. 如果在 Flex Builder 中打开了多个项目和应用程序,则必须选择要打包的特定 AIR 项目。
4. 选择 Export and Sign an AIR File with a Digital Certificate 选项。
   Export an intermediate AIRI file that will be signed later

5. 如果有现成的数字证书,请单击 Browse 找到并选中它。
    选中 Remember password for this session
    选中 timestamp
6. 如果必须创建新的自签名数字证书,请选择 Create。
    Create self -Signed Digital Certificate

    Publisher name
    Organizational unit
    Organizational name

7. 输入所需信息,然后单击 OK。
8. 单击 Finish 以生成名为 AIRHelloWorld.air 的 AIR 包。

现在,可以在 Flex Builder 中从 Project Navigator 运行此应用程序,也可以从文件系统通过双击相应的 AIR 文件运行此应用
程序。
   发表时间:2010-10-05  
   太好啦,呵呵···
0 请登录后投票
论坛首页 编程语言技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics