AIR:使用 HTML + Javascript 开发桌面应用
背景
断断续续用Winform和WPF开发过一些小工具,始终不得其法门,在玩Flex的时候就接触过AIR,最近发现可以用HTML + Javascript开发AIR应用,本文就尝试一下(Hello,World)。
什么是AIR?
AIR本质上是一个浏览器(Webkit),这个浏览器可以从本机加载静态资源文件,可以受限的访问本机资源。
环境准备
AIR SDK下载:Adobe AIR SDK。
注意:解压后记着设置Path环境变量。
运行效果
开发过程
目录结构
应用程序描述符
官方教程:http://help.adobe.com/en_US/air/build/WS5b3ccc516d4fbf351e63e3d118666ade46-7ff1.html。
HelloWorld.app.xml
1 <?xml version="1.0" encoding="UTF-8"?> 2 <application xmlns="http://ns.adobe.com/air/application/2.7"> 3 <id>happy.html.HelloWorld</id> 4 <versionNumber>0.1</versionNumber> 5 <filename>HelloWorld</filename> 6 <initialWindow> 7 <content>HelloWorld.html</content> 8 <visible>true</visible> 9 <width>400</width> 10 <height>200</height> 11 </initialWindow> 12 </application>
备注:<content>HelloWorld.html</content>指定了入口页面。
HTML页面
官方教程:http://help.adobe.com/en_US/air/build/WS5b3ccc516d4fbf351e63e3d118666ade46-7ecc.html。
HelloWorld.html
1 <html> 2 <head> 3 <title>Hello World</title> 4 <script src="jquery-ui-1.10.3/js/jquery-1.9.1.js" type="text/javascript"></script> 5 <script src="jquery-ui-1.10.3/js/jquery-ui-1.10.3.custom.js" type="text/javascript"></script> 6 <script src="Javascript/AIRAliases.js" type="text/javascript"></script> 7 <link rel="stylesheet" href="jquery-ui-1.10.3/css/ui-lightness/jquery-ui-1.10.3.custom.css" type="text/css" /> 8 </head> 9 <body> 10 <div id="Accordion"> 11 <h3>中文</h3> 12 <div>你好,世界。</div> 13 <h3>英文</h3> 14 <div>Hello,World!</div> 15 </div> 16 </body> 17 </html> 18 <script type="text/javascript"> 19 $("#Accordion").accordion({ active: 2 }); 20 </script>
这里引用了JQuery UI。
注意:本例中AIRAliases.js可以不用引入,此文件为AIR类库提供了别名机制,让代码更简洁。
调试
官方教程:http://help.adobe.com/zh_CN/air/build/WS901d38e593cd1bac1e63e3d128cdca935b-8000.html。
1 cd /d E:\Coding\HappyStudy\AIRStudy\HelloWorld 2 adl HelloWorld.app.xml
备注
WEB QQ有提供AIR版本,不知道是自己弄的平台?还是用的Adobe的平台。有使用过AIR的朋友,可以给我一些指点,不胜感激。
相关推荐
开发桌面 AIR 应用程序的工作流程 设置桌面应用程序属性 调试桌面 AIR 应用程序 对桌面 AIR 安装文件进行打包 对桌面本机安装程序进行打包 针对桌面计算机分发 AIR 包 第 7 章: 开发针对移动设备的 AIR 应用...
空中直播轻量级C ++ Web应用程序服务器库C ++ On Air(或“ ConAir”)是一个轻量级的库,它结合了C ++的功能和Interpp的灵活性,使您可以使用新的/现有的C ++代码创建令人印象深刻的Web应用程序。 ConAir使用嵌入式...
The Ca2SiO4:Dy3+ phosphor was synthesized by the high temperature solid-state reaction method in air. The emission spectrum of Ca2SiO4:Dy3+ phosphor shows several bands at 486, 575, and 665 nm under ...
使用HTML和AJAX开发AIR应用程序的中文帮助文档,很不错!
《flash+flex+air移动开发入门经典——适用于android、ios和blackberry》 第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 ...
该参考还包括其他可以通过 window.runtime 对象使用的运行时类,因为它们适用于基于 SWF 的 AIR 应用程序(使用 ActionScript 3.0 显示列表 DOM 而不是 HTML DOM)开发人员。有关其他基于 SEF 的 AIR 应用程序开发的...
资源名称:Android移动应用开发 基于Adobe AIR内容简介:《Android移动应用开发:基于AdobeAIR》共四部分19章,主要介绍如何使用AdobeAIR开发Android移动应用,深入讲解Android移动开发特有的各种主题,力图帮助读者...
flash as AIR 天气预报 桌面应用程序 内含源文件
(Flash,Flex,HTML,JavaScript,Ajax)来构建富Internet 应用程序并部署为桌面应用 程序。 AIR 支持现有的Web 技术如Flash,Flex,HTML,JavaScript 和AJAX,可以用你最熟 练的技术来开发您所见过的最具用户体验...
AirPlay+DMR+Pro+1.7.5-NoUpdate.apk
C ++ On Air(或“ ConAir”)是一个轻量级的库,它结合了C ++的功能和Interpp的灵活性,使您可以使用新的/现有的C ++代码创建令人印象深刻的Web应用程序。 ConAir使用嵌入式的http服务器和Interpp解释器来提供html...
使用Flex SDK创建第一个桌面AIR应用程序
使用AdobeAIR开发android应用
您必须使用Mac才能使用此ANE来构建iOS应用。不支持Windows。 先决条件 你会需要 get Xcode 10.1 AIR 32.0.0.103或更高 ANE +依赖关系 从终端cd进入/ example-mobile并运行: bash get_ios_...
用flex开发的桌面应用,其中包含日历功能、备忘录功能、备忘录提示、所在地城市名称和IP地址自动解析、获取天气预报等功能。由于这个是无服务器的纯客服端,所有的城市地址和天气信息的数据信息都是通过解析网页获得...
《AIR+Android应用开发实战》(邱彦林)随书代码
《使用AdobeAIR开发Android应用程序》源代码
是一项Web服务,支持使用FlashAir进行原始系统开发。 通过配置一些简单的设置,您可以上传和分析FlashAir数据,并与其他云服务或您自己的系统共享上传的数据。描述FlashAirFileManager是一个应用程序,可以使用...
使用 Adobe Flex 3 开发 Adobe AIR 1.1 应用程序
Air800 GNSS+GPRS 模块 产品型号:Air800 Module 平台:RDA8955+GK9501 存储:32Mb Nor Flash 内存:32Mb SRAM