首页 > 代码库 > 用PhoneGap创建第一个项目

用PhoneGap创建第一个项目

1.
在eclipse中新建Android Project
2.
在项目的目录下,建两个文件夹:
/libs
/assets/www
3.
进入将刚刚下载并解压的PhoneGap包里Anroid目录,我们需要的资源都在这个目录下。
将cordova.js这个js文件(具体名称视当时下载的版本而定)copy到/assets/www目录下,
把cordova-2.9.0.jar文件copy到/libs目录下。
再把xml目录copy到android项目的res目录下。
4.
在/assets/www下建立index.html文件:
<!DOCTYPE HTML>
<html>
<head>
<title>PhoneGap</title>
<script type="text/javascript" charset="utf-8" src="http://www.mamicode.com/cordova.js"></script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
5.
将以下权限配置的xml内容copy到AndroidManifest.xml文件中:
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.GET_ACCOUNTS" />
6.
将以下内容添加到AndroidManifest.xml文件的activity标签中:
android:configChanges="orientation|keyboardHidden
7.
在刚刚新建的Android Project中找到libs目录并在cordova-2.9.0.jar上点击右键,选择 Build Path->Add to Build Path
8.
最后再修改下src下的Java主文件:
1)添加import org.apache.cordova.*;
2)将类改成继承为DroidGap;
3)删掉import android.app.Activity;
4)把setContentView()这行替换为super.loadUrl("file:///android_asset/www/index.html");
9.
然后就可以试着运行一下,成功的话会出现Hello World的界面。

用PhoneGap创建第一个项目