PhoneGap 初探

最新推荐文章于 2016-01-24 16:33:08 发布

kanh

最新推荐文章于 2016-01-24 16:33:08 发布

阅读量78

点赞数

文章标签： Android iOS WebOS BlackBerry Symbian

http://www.phonegap.com/start#android

PhoneGap 是一个支持6个移动平台的开源免费移动框架。这6个平台包括iOS,iOS(Xcode 4),Android, BlackBerry, WebOS, Symbian.
PhonePap 是一个基于HTML5的应用平台，你在这个平台上只需要使用HTML，JavaScript和CSS这些技术. 然后上传到PhonePap，云端会把你的基于web标准的应用编译成可以直接在各个移动平台的app store发布的应用。

让我们开始用phonegap开发一个android平台的最基本的应用吧。

1 环境
Eclipse 3.4+
Andriod SDK
ADT plugin
phonegap.jar 和 phonegap.js

2 在eclipse中建立一个android工程
新建/libs和/assets/www这两个目录。
把phonegap.js复制到/assets/www下面
把phonegap.jar复制到/libs，并且在build path中加入这个jar包。
改变主activity由继承自Activity改为继承自DroidGap
把setContentView() 替换为super.loadUrl("file:///android_asset/www/index.html");
增加import com.phonegap.*;
修改AndroidManifest.xml 把下面部分加到<application>之前。


<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" />

把下面这行加到activity这个tag中


android:configChanges="orientation|keyboardHidden"

3 Hello World
在/assets/www 下面新建一个文件，名为index.html，内容如下


<!DOCTYPE HTML>
<html>
<head>
<title>PhoneGap</title>
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>

4 右键工程Run As-->Android Application

kanh

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
PhoneGap 初探

http://www.phonegap.com/start#androidPhoneGap 是一个支持6个移动平台的开源免费移动框架。这6个平台包括iOS,iOS(Xcode 4),Android, BlackBerry, WebOS, Symbian.PhonePap 是一个基于HTML5的应用平台，你在这个平台上只需要使用HTML，JavaScript和CSS这些技术. 然后上传...
复制链接

扫一扫