`

用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  
   太好啦,呵呵···

相关推荐

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

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

    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...

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

    source & air 博文链接:https://wangcheng.iteye.com/blog/184498

    构建Adobe AIR应用程序

    在 Flash Builder 中创建第一个桌面 Flex AIR 应用程序 使用 Flash Professional 创建第一个桌面 AIR 应用程序 在 Flash Professional 中创建您的第一个 AIR for Android 应用程序 创建第一个用于 iOS 的 AIR ...

    ADOBE FLEX和ADOBE FLASH BUILDER开发手机应用程序

    Adobe Flex 4.5 发行版将 Flex 和 Adobe ...Flash Builder 也进行了更新,增加了许多新功能,用以支持针对移动设备开发应用程序。使用 Flash Builder,您可以在桌面 上或直接在移动设备上开发、测试和调试应用程序。

    Flash+Flex+Air移动开发入门经典 pdf

    第1章 flash、flex和air简介 1 1.1 adobe flash 1 1.2 actionscript 3.0 2 1.2.1 ecmascript 2 1.2.2 关键概念 3 1.3 flex框架 11 1.3.1 flex 4.5.1 11 1.3.2 mxml 12 1.3.3 spark库组件 14 1.3.4 数据绑定...

    Flex Air音乐播放器源码

    Flex Air音乐播放器源码,使用的是Flex Builder3版本!!!

    FLEX从入门到精通.pdf

     第1章 使用Flex的理由  1.1 Flex的含义  1.2 RIA的含义  1.3 受欢迎的Flex  1.3.1 揭秘Flash和Flex  1.3.2 用户喜爱Flex的十大理由  1.4 本章小结  第2章 Flex3生态系统  2.1 Flex历史简介  2.2...

    flex、flash及air等移动设备ios开发者证书

    flex、flash及air等ios开发证书(P12格式) 压缩包内含两个文件: ios.p12(ios开发证书) mobileprovision.mobileprovision(配置文件) 用该证书及对应配置文件可以免99刀的Apple developer费用,编译出的ipa...

    [Flex.3程序设计].(美)布朗.扫描版

    Flex 是一个高效、免费的开源框架,可用于构建具有表现力的 Web应用程序,这些应用程序利用Adobe Flash Player和Adobe AIR, 可以实现跨浏览器、桌面和操作系统。虽然只能使用 Flex 框架构建 Flex应用程序,但Adobe ...

    使用ADOBE FLASH BUILDER 4.5

    使用 Flash Builder 打包 AIR 应用程序 第 5 章: Flash Builder 中的调试工具 Flash 调试透视图 调试应用程序的方法 第 6 章: Flash Builder 中的概要分析工具 Flash 概要分析透视图 概要分析应用程序 概要分析器...

    程序缘 Flex AIR之旅-搭框架配套主程序

    程序缘 Flex AIR之旅-搭框架配套主程序,用于学习借鉴的Flex Air的工程源码,导入flash builder4.6即可。已实现一般C/S结构展现界面的实现,如菜单、快捷工具栏、主窗口等。

    使用 Flex 4.5 访问数据

    第 2 章: 使用 Flash Builder 构建以数据为中心的应用程序 创建 Flex 项目以访问数据服务 连接数据服务 安装 Zend Framework 使用单个服务实例 构建客户端应用程序 为数据服务操作配置数据类型 测试服务操作 ...

    Flex AIR之旅--第六章 编写用户登录界面

    程序缘 Flex AIR之旅-第六章 编写用户登录界面,用于学习借鉴的Flex Air的工程源码,导入flash builder4.6即可。已实现一般C/S结构展现界面的实现,如菜单、快捷工具栏、主窗口等。

    Flex开发移动设备应用程序

    Adobe Flex 将 Flex 和 Adobe Flash Builder 引入到智能手机和平板电脑中。现在,利用 Adobe AIR,可以像在桌面平台上 一样在 Flex 中轻松而高质量地开发移动设备应用程序。 许多现有的 Flex 组件已扩展到移动设备上...

    Flex_4.0_RIA开发详解

    本书在介绍第一个Flex程序“Hello World”程序时,简单地介绍了了如何编译与运行Flex应用程序。事实上编译时可选的参数较多,本节将为读者介绍详细的编译与运行过程。仍以“Hello World”为例,讲解编译与运行过程中...

    FLEX的一些学习资料

    Flex介绍: Flex 是一个高效、免费的开源框架,可用于构建具有表现力的 Web 应用程序,这些应用程序利用 Adobe Flash Player和 Adobe AIR, 运行时跨浏览器、桌面和操作系统实现一致的部署。虽然只能使用 Flex 框架...

Global site tag (gtag.js) - Google Analytics