开始phonegap29021.pdf

《开始phonegap29021.pdf》由会员分享，可在线阅读，更多相关《开始phonegap29021.pdf（14页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第一个 Phonegap 程序（Android）一、准备工作 1.安装 JDK 下载地址，安装时选择默认安装即可。接下来的重点是环境的配置。Window7 步骤：“计算机”“属性”“高级系统设置”“高级”“环境变量”“系统变量”Window XP 步骤：“我的电脑”“属性”“高级”“环境变量”“系统变量”接下来的步骤一样：首先新建一个系统变量，名为“JAVA_HOME”，值为 JDK 的安装路径，路径只要到 JDK 即可，例如“E:Program FilesJava。然 后 新 建 一 个 系 统 变 量，名 为“CLASS_PATH”，值 为“.;%JAVA_HOME%lib;%JAVA_H

2、OME%lib;”。最后编辑系统变量 Path，在最前面添加“%JAVA_HOME%bin;”这样第一步工作就做好了。2.安装 eclipse 下载地址，可以根据个人的需要下载不同的版本。下载完后只要解压就可以使用。3.安装 Android SDK 下载地址，根据自己的系统选择相应的系统版本下载。自动安装方式：运行 Android SDK 下载安装器 SDK 即可，不过下载量会很大。4.安装 ADT 运行 eclicpe，选择菜单“Help”下的“Install New Software”，如下图：弹出 Install 窗口，如下图：在 work with 处填写，然后回车，结果如下图：点击“

3、Select All”，然后点击“Next”，等它安装完成，点击“Finish”。5.下载 Phonegap 下载地址，点击官网的 Download 下载最新的版本。当前最新的版本是，解压后的结构如下：二、创建项目 1.创建 Android 项目 步骤一：点击“Next”。步骤二：输入“Project Name”，点击“Next”。步骤三：选择 android 开发包，上图选择的是，然后点击“Next”。步骤四：输入“Package Name”，然后点击“Finish”。生成项目后，结构如下图：2.引入 phonegap 将前面解压的 phonegap，打开其中 android 文件夹。步骤一

4、：在项目中添加一个名为“libs”的文件夹，并将 phonegap 的 jar 包复制此文件夹下，然后项目外部引入此文件夹下的包。步骤二：在 assets 下面新建一个“www”的文件夹，在“www”下面再新建一个“js”文件夹，然后将 phonegap 的 js 文件引入该文件夹下。步骤三：将 phonegap 的 xml 文件夹到项目的 res 文件夹下。结果如下图：3.修改项目 步骤一：在 www 的文件夹，新建一个“”的文件，其内容如下：My First PhoneGap Project function myClick()alert(This is my first phonegap

5、 Project!Hello PhoneGap!);Hello PhoneGap 步骤二：修改 TheFirstPhonegapProjectActivity 类的继承，让该类继承，然后修改 onCreate 方法，内容如下：public void onCreate(Bundle savedInstanceState)(savedInstanceState);();步骤三：修改文件，修改后的内容如下：其中的阴影部分就是修改和添加的部分。三、运行程序 步骤一：创建 android 虚拟运行环境，按照下列图的标记来操作 右击项目，选择“Run as”“Android Application”，运行结果如下图：四、结束语 通过 phonegap，只要会 HTML5+CSS+JAVASCRIPT 就能开发出 android 程序，当然这只是一个很简单的例子，如果想深入了解 phonegap，请去它的官方网站或求助百度和 google。