`

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

阅读更多

创建一个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 文件运行此应用
程序。
分享到:
评论
1 楼 沈冠军 2010-10-05  
   太好啦,呵呵···

相关推荐

    使用FlexBuilder3制作并导出AIR1.0正式版应用

    综上所述,这个主题涵盖了使用FlexBuilder3开发AIR 1.0应用程序的基本流程,包括从项目创建、代码编写、配置、测试到打包发布的关键步骤,同时也涉及到压缩包内文件的作用和结构。通过这样的实践,开发者可以创建...

    汉化 Flex Builder 3 帮助文档

    1. 找到 Flex Builder 3 的英文文档位置 首先,需要找到 Flex Builder 3 的英文文档位置。它被放在了一个 zip 压缩文件中,解压缩后得到一个 doc 文件夹,大部分文件都在 langref 子目录里。 2. 下载官方翻译好的 ...

    Flex_builder中创建、发布AIR程序以及_AIR程序的安装运行

    这篇教程应该算是AIR的 Hello world,写给那些知道一点AIR,想要开始AIR开发的人。读这篇教程你可以没有任何Flex的基础,我会告诉你如何创建你的第一个项目,并且发布一个HelloWorld程序。

    flex builder 4 help

    1. **Flex SDK和Flash Player**:Flex Builder 4基于Flex Software Development Kit (SDK),这是一个开源工具集,包含了编译Flex应用程序所需的所有组件。同时,Flex应用运行在Flash Player或Adobe AIR上,这使得...

    Flex Builder

    Flex Builder是一款专为开发Adobe Flex应用程序而设计的集成开发环境(IDE)。它是基于Eclipse平台构建的,提供了丰富的工具集,支持ActionScript编程、MXML布局以及与Flash Player和Adobe AIR的交互。在Flex开发...

    flex builder中文教程

    Flex Builder是一款强大的集成开发环境(IDE),专门用于构建基于Adobe Flex技术的富互联网应用程序(RIA)。这个中文教程是为那些想要深入理解并掌握Flex开发工具的用户准备的,旨在帮助他们快速有效地学习Flex编程...

    FlexBuilder 3 中文教程.rar

    FlexBuilder 3是一款由Adobe公司推出的集成开发环境(IDE),专为构建富互联网应用程序(RIA)而设计,尤其是基于Adobe Flash Player和Adobe AIR的应用。这个IDE是基于Eclipse平台,提供了一整套工具来帮助开发者...

    flex air 单机版俄罗斯方块 flexbuilder项目文件

    flex air 单机版俄罗斯方块 小游戏 flexbuilder项目文件

    Flex Builder 3 帮助文档(已更新,支持Air 1.5)

    D:\Program Files\Adobe\Flex Builder 3\plugins\com.adobe.flexbuilder.help_*** 是zip压缩格式,解压缩,得到doc文件夹,大部分文件都在langref子目录里,我们需要的是把这些html文件替换为官方已经翻译好的html...

    MyEclipse 7.5,Flex Builder 3.0,IDE整合

    整合MyEclipse与Flex Builder的目的在于创建一个统一的工作流,使得开发者可以在同一环境下进行Flex前端和Java后端的开发,减少在不同工具间切换的时间,提高工作效率。这通常涉及到安装Flex Builder插件到MyEclipse...

    Adobe Flex Builder 3.0官方开发教程

    Adobe Flex Builder 3.0是Adobe公司推出的一款强大的集成开发环境(IDE),专门用于构建富互联网应用程序(RIA),特别是基于Adobe Flash Player和Adobe AIR的应用。本教程将深入讲解Flex Builder 3.0的各个方面,...

    在Android程序上创建基于AIR的Flex的详细向导

    在Android平台上创建基于Adobe AIR的Flex应用程序是一个将Flash Builder与移动设备功能相结合的过程。Adobe AIR允许开发者使用Flex框架创建跨平台的应用程序,包括在Android上运行的多屏幕应用。本篇指南将逐步介绍...

    flex air中文官方帮助文档

    安装Flex Air SDK和集成开发环境(IDE)如Flash Builder或IntelliJ IDEA,是开始Flex Air开发的第一步。文档会详细指导如何下载安装这些工具,并配置环境变量,确保编译器和调试器的正常工作。 三、Flex Builder的...

    flex builder 4.5 4.6 4.7 注册机

    Flex Builder是一款由Adobe公司开发的集成开发环境(IDE),专门用于构建基于Adobe Flex技术的富互联网应用程序(RIA)。Flex Builder提供了强大的代码编辑、调试和测试工具,使得开发者能够高效地创建交互式、图形...

Global site tag (gtag.js) - Google Analytics