Adobe AIR for html/js人员

简介:
首先准备好Adobe AIR 1.1 SDK开发包
可到官方免费下载。
 
然后解压到一个文件夹,我这里是C:\airsdk11\
然后把bin目录添加到PATH环境变量
就是;C:\airsdk11\bin被追加到path里
打开一个cmd控制台,输入adl如果命令可以执行,说明已经添加了。
 
 
好了开发环境配置好了,开始我们的学习吧。
 
首先建个学习目录D:\air\
 
 
这里放我们学习的工程。
然后再在里面建个文件夹baidu成为这样子D:\air\baidu\目录结构
 
air应用构建有2个必须的,1个是应用描述文件,一个是用于内容的,这里是html文件。
 
在baidu文件夹建立一个baidu.xml文件就是我们的应用描述文件,是XML文件。
此文件的格式可以参考AIR sdk里的模板文件descriptor-template.xml
如果偷懒可以直接copy过来修改即可,里面大部分的选项可选,只需一些必须的选项即可。
 
编辑baidu.xml文件如下:
 
<? xml  version ="1.0"  encoding ="utf-8"  ?> 
< application  xmlns ="http://ns.adobe.com/air/application/1.1" > 
  <!--  应用程序标识符串,唯一的.必须 --> 
   < id >cn.xcf007.air.js.Baidu </ id > 

  <!--  用于程序的文件名,必须. --> 
   < filename >baidu </ filename > 

  <!--  程序的初始窗口设置.必须. --> 
   < initialWindow > 
     < content >baidu.htm </ content > 
     < visible >true </ visible > 
   </ initialWindow > 
</ application >
 
注释不是必须的,仅作说明。
id只要给个具有唯一性的窜既可以了。
content就是页面了。
visible的true表示开始时显示啦。
 
 
好了描述文件准备好了,接着需要一个内容的html文件
就是我们通常的html文件,这里我把baidu首页另存下来baidu.htm编码我改成utf8的了,否则乱码。
baidu.htm:
 
 
<html><head><meta http-equiv=Content-Type content= "text/html;charset='utf-8'---注意这里就是了,51cto说这里有禁止的词语,我就不弄了,你们从百度另存吧。哎,机子比较傻不如人智能...
 
这是从百度存下来的。
 
好了,我们打开cmd窗口编译一下吧。
这样
转到项目目录通过cd  d:\air\baidu
d:
 
d:\air\baidu>adl baidu.xml
 
编译运行...
OK打开了
 
 
注意
 <!-- 程序的初始窗口设置.必须. -->
 <initialWindow>
  <content>baidu.htm</content>
  <visible>true</visible>
  <systemChrome>none</systemChrome>
 </initialWindow>
对于<systemChrome>none</systemChrome>
比较慢一些,另外还有半透明窗体。
我们看到,没有了标题栏。
  <systemChrome>none</systemChrome>
  <transparent>true</transparent>
半透明要和上面那个配合使用。
 




 本文转自 xcf007 51CTO博客,原文链接:http://blog.51cto.com/xcf007/112767 ,如需转载请自行联系原作者
相关文章
|
19天前
|
Web App开发 移动开发 HTML5
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码。画面中心是悬浮于空的梅花鹿,其四周由白色线段组成了一个6边形将中心的梅花鹿包裹其中。四周漂浮的白雪随着多边形的转动而同步旋转。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
63 2
|
1月前
|
前端开发 JavaScript
用HTML CSS JS打造企业级官网 —— 源码直接可用
必看!用HTML+CSS+JS打造企业级官网-源码直接可用,文章代码仅用于学习,禁止用于商业
143 1
|
1月前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
48 3
|
1月前
|
JavaScript
JS鼠标框选并删除HTML源码
这是一个js鼠标框选效果,可实现鼠标右击出现框选效果的功能。右击鼠标可拖拽框选元素,向下拖拽可实现删除效果,简单实用,欢迎下载
43 4
|
1月前
|
移动开发 HTML5
html5+three.js公路开车小游戏源码
html5公路开车小游戏是一款html5基于three.js制作的汽车开车小游戏源代码,在公路上开车网页小游戏源代码。
63 0
html5+three.js公路开车小游戏源码
|
1月前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
120 6
|
2月前
|
XML 前端开发 JavaScript
前端开发进阶:从HTML到React.js
【10月更文挑战第9天】前端开发进阶:从HTML到React.js
|
2月前
|
JavaScript 前端开发
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
131 1
|
2月前
|
JavaScript 前端开发
JavaScript 与 HTML 的结合
JavaScript 与 HTML 的结合
24 0
|
2月前
|
机器学习/深度学习 JSON JavaScript
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
42 0