PhoneGap开发环境搭建以及第一个helloworld的创建

一、安装
在安装PhoneGap开发环境之前,需要先安装以下框架:
1. Java SDK
2. Eclipse
3. Android SDK
4. ADT Plugin
5. PhoneGap

说明:
1.PhoneGap包不用安装,直接解压.( 注:phoneGap官网上面,有一个通过NodeJS安装phoneGap,详情请直接查看官网说明http://bbs.phonegapcn.com/thread-9713-1-1.html);
2.Eclipse 也是直接下载安装,建议为classic版的(如果嫌麻烦,或者以及继承好的,那么可直接使用);

二、第一个PhoneGap项目

 

1.在eclipse中新建Android Project

 2.在项目的目录下,建两个文件夹:

/libs
/assets/www

 3.进入将刚刚下载并解压的PhoneGap包里Anroid目录,我们需要的资源都在这个目录下。

 将phonegap-x.x.x.js这个js文件(具体名称视当时下载的版本而定)copy到/assets/www目录下,
 把phonegap.jar文件copy到/libs目录下。
 再把xml目录copy到android项目的res目录下。

 4.在/assets/www下建立index.html文件,

5.将以下权限配置的xml内容copy到AndroidManifest.xml文件中:

            android:normalScreens="true" android:smallScreens="true"
        android:resizeable="true" android:anyDensity="true" />
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    

PhoneGap开发环境搭建以及第一个helloworld的创建_第1张图片

6.在刚刚新建的Android Project中找到libs目录并在phonegap-x.x.x.jar上点击右键,选择 Build Path->Add to Build Path(这里直接使用了官网的图片)
PhoneGap开发环境搭建以及第一个helloworld的创建_第2张图片

7.最后再修改下src下的Java主文件:
1)添加import com.phonegap.*;
2)将类改成继承为DroidGap;
3)删掉import android.app.Activity;
4)把setContentView()这行替换为super.loadUrl("file:///android_asset/www/index.html");( :如果在文件中,直接shift鼠标点击链接,是不能打开index.html的,刚开始自己就以为是写错了,因为一直找不到路径,后来直接把项目跑起来才看到了效果,给大家一个提醒好了)
5)最后看起来就像这样:
PhoneGap开发环境搭建以及第一个helloworld的创建_第3张图片

然后就可以试着运行一下,成功的话会出现Hello World的界面。



你可能感兴趣的:(android开发)