`

Adobe AIR初级入门教程,hello world

阅读更多

Adobe AIR初级入门教程,hello world

作者:volcano 来源:ghtxx.cn

本文由volcano翻译,主要介绍简单的AIR环境配置与制作一个实例hello world弹出窗口,完成后发布为*.air格式的文件,对于国内十分稀缺的入门教程来说还是值得参考的!

俺目前的情况是,没有安装Dreamweaver,Flash之类的软件,只用一些免费软件,所以我只打算写html/javascript之类的代码,flash方面的暂时不涉及,另外adobe提供的dreamweaver air sdk也是用不上,可谓一穷二白。

第一步 -- 安装Adobe AIR和Adobe AIR SDK

如果你还没装,可以去网站上下载Adobe AIR Runtime和Adobe AIR SDK.

装完Adobe AIR SDK以后,为了方便,你还需要把它的bin目录添加到系统的path变量下,这样你可以直接运行它的打包和debug工具。

 

第二步 -- 创建一些目录

接下来创建一些目录来放置代码,比如:

/appname/
/appname/source/
/appname/source/icons/
/appname/build/

第三步 -- 创建一个Application Descriptor

AIR需要一个Application Descriptor来描述它的内容和属性,这是一个XML格式的文件。

它的文件名是application.xml,放置在/appname/source/目录。

 

XML:
  1. <application xmlns="http://ns.adobe.com/air/application/1.0">
  2. <id>com.example.appname </id>
  3. <version>1.0 </version>
  4. <filename>AppName </filename>
  5. <initialWindow>
  6. <content>index.html </content>
  7. <visible>true </visible>
  8. <width>600</width>
  9. <height>600</height>
  10. </initialWindow>
  11. <icon>
  12. <image16x16>icons/appname-16.png</image16x16>
  13. <image32x32>icons/appname-32.png</image32x32>
  14. <image48x48>icons/appname-48.png</image48x48>
  15. <image128x128>icons/appname-128.png</image128x128>
  16. </icon>
  17. </application>

这个xml文件很有些复杂,也很有一些历史,最可恶的是AIR beta1到后来的beta2乃至最后的1.0,从来就没统一过,变了又变,所以我在网上找到的一些教程都失效了,只能针对早期的beta版使用。

关于它的详细内容,可以参考模板,在adobe sdk安装目录下的templates/descriptor-template.xml.

第四步 -- 创建你的应用

下一步,创建一个index.html.

 

HTML:
  1. <html>
  2. <head>
  3. <title>My Window Title</title>
  4. </head>
  5. <body>
  6. <h1>Hello World</h1>
  7. </body>
  8. </html>

如果需要添加css,javascript以及图片,可以在/appname/source/下创建子目录放进去,就像平常写web应用那样。

第五步 -- 测试你的应用

如果你已经配置好了path环境变量(见第一步,需要重启电脑),下面很简单,首先打开一个命令行窗口,进入/appname/source/目录,然后运行:

adl application.xml

一切顺利的话,你的应用应该已经跑起来了,一个弹出的AIR应用窗口好不容易的展示它的第一次。

第六步 -- 打包你的AIR应用

在很多磕磕碰碰,反复调试之后,你可能已经完成了应用,现在你准备向朋友或者网上的菜鸟炫耀一下你的处女作。那么我们开始打包,这一步其实比我想象的要简单。

首先需要生成一个签名Certificate,并放置在应用的根目录/appname/

adt -certificate -cn SelfSign -ou Dev -o "Example" -c US 2048-RSA cert.pfx 换成你的密码

然后就是打包:

adt -package -storetype pkcs12 -keystore ../cert.pfx ../build/AirTest.air application.xml .

不出意外的话,会当场生成一个AppName.air文件,你可以安装一下感受亲手做的第一个Air应用。

原文:Adobe AIR Tutorial for HTML / JavaScript Developers

作者: volcano 发表于3月 24, 2008 at 8:52 am

分享到:
评论

相关推荐

    adobe AIR Hello World

    "Adobe AIR Hello World" 是一个基础教程,旨在引导新手了解如何利用Adobe AIR开发桌面应用。 在Adobe AIR中,"Hello World"程序通常是一个简单的起点,用于展示基本的设置和功能。下面我们将深入探讨这个过程,...

    adobe air 入门示例

    这篇博客"adobe air 入门示例"很可能是引导初学者了解如何使用Adobe AIR创建桌面应用的一个教程。 在源码和工具的标签下,我们可以推测这篇博客会包含以下知识点: 1. **Adobe AIR基础**:首先,文章可能会介绍...

    air for android hello world

    总之,"air for android hello world" 是一个入门级的教程,涵盖了使用Adobe AIR开发Android应用的基本流程。通过这个简单的示例,你可以了解到如何使用AIR SDK创建、编译和运行Android应用,为更复杂的项目打下基础...

    多线程worker,AIR桌面版, HelloWorld(转)

    压缩包子文件的文件名“HelloWorld_Workers_For_Air.fxp”可能是一个AIR项目的文件,通常这种文件扩展名(.fxp)是Adobe Flash Professional导出的项目文件,包含了项目的所有资源、设置和源代码。开发者可以使用...

    Cairngorm的helloWorld(附源码)

    这个"helloWorld"示例是Cairngorm框架的基础教程,它帮助开发者了解如何使用该框架来组织和管理Flex项目的结构。 在Cairngorm框架中,主要包含以下几个核心组件: 1. **模型(Model)**:负责存储应用的数据。在...

    adobe-air.rar_AIR

    2. **Hello World应用**:教程可能会引导初学者创建第一个AIR应用,展示如何定义基本的XML配置文件(.app descriptor),以及如何编写ActionScript或HTML代码实现简单的输出。 3. **资源管理**:讲解如何在项目中...

    Developing Adobe AIR Applications for Android

    接着编写一个基础的Hello World应用程序以确保一切配置正确。然后设置项目属性,包括应用图标、应用名称和版本信息,并针对Android平台进行优化。最后,在设备上进行测试和调试,并遵循最佳实践以优化应用程序性能。...

    Flex Mate HelloWorld 例子

    Flex Mate HelloWorld 示例是一个入门级的教程,用于介绍如何在Flex应用程序中使用Mate框架。Mate框架是一种流行的ActionScript 3.0框架,它为基于组件的Flex开发提供了强大的结构和事件驱动的设计模式。在这个例子...

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

    3.1.2 手动编辑hello world app的应用程序描述符文件 66 3.1.3 blackberry tablet os配置 76 3.1.4 为google android打包 79 3.1.5 为apple ios打包 85 3.1.6 为blackberry tablet os打包 90 3.2 更新air应用...

    flex helloworld 例子

    "Flex HelloWorld"是一个基础的学习项目,对于初次接触Flex的人来说,这是一个很好的起点。 在Flex编程中,"Hello, World!"程序通常是最简单的示例,它帮助开发者理解基本的架构和工作流程。让我们深入了解一下Flex...

    Flex和java通信之 helloworld

    ### Flex和Java通信之 HelloWorld 实现详解 #### 一、背景与目的 随着现代Web应用对用户体验和交互性的要求不断提高,选择合适的技术栈至关重要。在众多前端技术中,Flex 因其丰富的图形处理能力和良好的跨平台...

    AIR官方培训教材-pdf

    - **Hello World AIR**:这个项目展示了6-7个关键概念,包括如何创建一个基本的Adobe AIR应用程序。 - **Chromeless applications**:介绍如何创建无边框的窗口应用,增强用户体验。 - **Video Capture**:演示如何...

    使用的BlackBerry® Tablet OS SDK for Adobe® AIR®开发应用

    #### 创建“Hello World”Adobe AIR应用 - **项目创建**:创建一个新的Adobe AIR项目,并命名为“Hello World”。在这个过程中,可以自定义项目的ID和其他基本信息。 - **代码编写**:使用ActionScript或MXML编写...

    使用Flex SDK创建第一个桌面AIR应用程序

    在这里,`-package`表示创建安装包,`-storetype`指定证书类型,`-keystore`指向你的签名证书,`-storepass`是证书密码,`HelloWorld.air`是输出的AIR文件名,`HelloWorld-app.xml`是应用描述文件,`HelloWorld.swf`...

    Flex+.Net+Cairngorm+Fluorine的HelloWorld演示

    这个“Flex+.Net+Cairngorm+Fluorine的HelloWorld演示”旨在帮助开发者理解如何将这些技术整合在一起,实现跨平台的通信,并掌握Cairngorm框架的应用。 Flex 是一种基于ActionScript和MXML的开源框架,由Adobe提供...

    Java+Flex+BlazeDS HelloWorld例子

    总之,"Java+Flex+BlazeDS HelloWorld例子"是一个基础教程,帮助开发者理解这三个技术如何协同工作以创建一个完整的RIA应用。通过学习这个例子,我们可以掌握Java后端开发、Flex前端设计以及BlazeDS数据传输的核心...

    ANE-HelloWorld:Air Native Extension(iOS)示例

    《Air Native Extension(ANE)在iOS开发中的应用:ANE-HelloWorld示例解析》 Air Native Extensions(ANE),是Adobe Flash/Air平台提供的一种技术,它允许开发者将原生的iOS或Android代码集成到Flash应用中,从而...

    Cairngorm2/3 框架 烟水晶 HelloWorld 源代码案例

    Cairngorm是一种轻量级的ActionScript框架,主要用于构建Flex和Adobe AIR应用程序。这个框架是基于MVC(Model-View-Controller)设计模式的,它帮助开发者组织和管理代码,提高开发效率,同时增强软件的可维护性和可...

    flex air案例

    本文将引导你逐步创建并发布第一个AIR应用——一个简单的HelloWorld程序。 **1. 准备工作** 首先,你需要安装FlexBuilder3作为开发环境。你可以在搜索引擎中搜索"Flex builder3 下载"获取安装程序。安装过程相对...

Global site tag (gtag.js) - Google Analytics