第一个Phonegap程序（Android）

第一个Phonegap程序（Android）一、 准备工作1. 安装JDK/technetwork/java/javase/downloads/index.html下载地址，安装时选择默认安装即可。接下来的重点是环境的配置。Window7步骤：“计算机”“属性”“高级系统设置”“高级”“环境变量”“系统变量”Window XP步骤：“我的电脑”“属性” “高级”“环境变量”“系统变量”接下来的步骤一样：首先新建一个系统变量，名为“JAVA_HOME”，值为JDK的安装路径，路径只要到JDK即可，例如“E:Program FilesJavajdk1.6.0_24”。然后新建一个系统变量，名为“CLASS_PATH”，值为“.;%JAVA_HOME%libdt.jar;%JAVA_HOME%libtools.jar;”。最后编辑系统变量Path，在最前面添加“%JAVA_HOME%bin;”这样第一步工作就做好了。2. 安装eclipse/downloads/下载地址，可以根据个人的需要下载不同的版本。下载完后只要解压就可以使用。3. 安装Android SDK/sdk/index.html下载地址，根据自己的系统选择相应的系统版本下载。自动安装方式：运行Android SDK下载安装器SDK Setup.exe即可，不过下载量会很大。4. 安装ADT运行eclicpe，选择菜单“Help”下的“Install New Software”，如下图：弹出Install窗口，如下图：在work with处填写/android/eclipse/，然后回车，结果如下图：点击“Select All”，然后点击“Next”，等它安装完成，点击“Finish”。5. 下载Phonegap/下载地址，点击官网的Download下载最新的版本。当前最新的版本是1.2.0，解压后的结构如下：二、 创建项目1. 创建Android项目步骤一：点击“Next”。步骤二：输入“Project Name”，点击“Next”。步骤三：选择android开发包，上图选择的是android2.1，然后点击“Next”。步骤四：输入“Package Name”，然后点击“Finish”。生成项目后，结构如下图：2. 引入phonegap将前面解压的phonegap，打开其中android文件夹。步骤一：在项目中添加一个名为“libs”的文件夹，并将phonegap的jar包复制此文件夹下，然后项目外部引入此文件夹下的包。步骤二：在assets下面新建一个“www”的文件夹，在“www”下面再新建一个“js”文件夹，然后将phonegap的js文件引入该文件夹下。步骤三：将phonegap的xml文件夹到项目的res文件夹下。结果如下图：3. 修改项目步骤一：在www的文件夹，新建一个“index.html”的文件，其内容如下：My First PhoneGap Projectfunction myClick() alert(This is my first phonegap Project! Hello PhoneGap!);Hello PhoneGap步骤二：修改TheFirstPhonegapProjectActivity类的继承，让该类继承com.phonegap.DroidGap，然后修改onCreate方法，内容如下：public void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState); super.loadUrl(file:/android_asset/www/index.html);步骤三：修改AndroidManifest.xml文件，修改后的内容如下： 其中的阴影部分就是修改和添加的部分。三、 运行程序步骤一：创建android虚拟运行环境，按照下列图的标记来操作右击项目，选择“Run as”“Android Application”，运行结果如下图：四、 结束语通过pho