开始phonegapWord下载.docx
- 文档编号:13428964
- 上传时间:2022-10-10
- 格式:DOCX
- 页数:13
- 大小:652.25KB
开始phonegapWord下载.docx
《开始phonegapWord下载.docx》由会员分享,可在线阅读,更多相关《开始phonegapWord下载.docx(13页珍藏版)》请在冰豆网上搜索。
%JAVA_HOME%\lib\tools.jar;
”。
最后编辑系统变量Path,在最前面添加“%JAVA_HOME%\bin;
”
这样第一步工作就做好了。
2.安装eclipse
//aaaeclipse.org/downloads/下载位置,可以根据个人的需要下载不同的版本。
下载完后只要解压就可以使用。
3.安装AndroidSDK
//developer.androidaaa/sdk/index.html下载位置,根据自己的系统选择相应的系统版本下载。
自动安装方式:
运行AndroidSDK下载安装器SDKSetup.exe即可,不过下载量会很大。
4.安装ADT
运行eclicpe,选择菜单“Help”下的“InstallNewSoftware…”,如下图:
弹出Install窗口,如下图:
在workwith处填写bbbs:
//dl-ssl.googleaaa/android/eclipse/,然后回车,结果如下图:
点击“SelectAll”,然后点击“Next”,等它安装完成,点击“Finish”。
5.下载Phonegap
//phonegapaaa/下载位置,点击官网的Download下载最新的版本。
当前最新的版本是1.2.0,解压后的结构如下:
二、创建项目
1.创建Android项目
步骤一:
点击“Next”。
步骤二:
输入“ProjectName”,点击“Next”。
步骤三:
选择android开发包,上图选择的是android2.1,然后点击“Next”。
步骤四:
输入“PackageName”,然后点击“Finish”。
生成项目后,结构如下图:
2.引入phonegap
将前面解压的phonegap,打开其中android文件夹。
在项目中添加一个名为“libs”的文件夹,并将phonegap的jar包复制此文件夹下,然后项目外部引入此文件夹下的包。
在assets下面新建一个“www”的文件夹,在“www”下面再新建一个“js”文件夹,然后将phonegap的js文件引入该文件夹下。
将phonegap的xml文件夹到项目的res文件夹下。
结果如下图:
3.修改项目
在www的文件夹,新建一个“index.html”的文件,其内容如下:
<
!
DOCTYPEhtml>
html>
<
head>
<
metabbb-equiv="
Content-Type"
content="
text/html;
charset=UTF-8"
>
title>
MyFirstPhoneGapProject<
/title>
scripttype="
text/javascript"
charset="
utf-8"
src="
js/phonegap-1.2.0.js"
/script>
functionmyClick(){
alert("
ThisismyfirstphonegapProject!
HelloPhoneGap!
"
);
}
/head>
body>
buttononclick="
myClick()"
HelloPhoneGap<
/button>
/body>
/html>
修改TheFirstPhonegapProjectActivity类的继承,让该类继承com.phonegap.DroidGap,然后修改onCreate方法,内容如下:
publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
super.loadUrl("
file:
///android_asset/www/index.html"
}
步骤三:
修改AndroidManifest.xml文件,修改后的内容如下:
<
?
xmlversion="
1.0"
encoding="
manifestxmlns:
android="
//schemas.androidaaa/apk/res/android"
package="
my.first"
android:
versionCode="
1"
versionName="
>
<
uses-sdkandroid:
minSdkVersion="
3"
/>
supports-screens
anyDensity="
true"
largeScreens="
normalScreens="
resizeable="
smallScreens="
uses-permissionandroid:
name="
android.permission.CAMERA"
android.permission.VIBRATE"
android.permission.ACCESS_COARSE_LOCATION"
android.permission.ACCESS_FINE_LOCATION"
android.permission.ACCESS_LOCATION_EXTRA_COMMANDS"
android.permission.READ_PHONE_STATE"
android.permission.INTERNET"
android.permission.RECEIVE_SMS"
android.permission.RECORD_AUDIO"
android.permission.MODIFY_AUDIO_SETTINGS"
android.permission.READ_CONTACTS"
android.permission.WRITE_CONTACTS"
android.permission.WRITE_EXTERNAL_STORAGE"
android.permission.ACCESS_NETWORK_STATE"
android.permission.GET_ACCOUNTS"
application
icon="
@drawable/ic_launcher"
label="
@string/app_name"
activity
.TheFirstPhonegapProjectActivity"
configChanges="
orientation|keyboardHidden"
intent-filter>
actionandroid:
android.intent.action.MAIN"
categoryandroid:
android.intent.category.LAUNCHER"
/intent-filter>
/activity>
com.phonegap.DroidGap"
/application>
/manifest>
其中的阴影部分就是修改和添加的部分。
三、运行程序
创建android虚拟运行环境,按照下列图的标记来操作
右击项目,选择“Runas”“AndroidApplication”,运行结果如下图:
四、结束语
通过phonegap,只要会HTML5+CSS+JAVASCRIPT就能开发出android程序,当然这只是一个很简单的例子,如果想深入了解phonegap,请去它的官方网站或求助XX和google。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 开始 phonegap