开始phonegapWord下载.docx

上传人:b****1 文档编号:13428964 上传时间:2022-10-10 格式:DOCX 页数:13 大小:652.25KB
下载 相关 举报
开始phonegapWord下载.docx_第1页
第1页 / 共13页
开始phonegapWord下载.docx_第2页
第2页 / 共13页
开始phonegapWord下载.docx_第3页
第3页 / 共13页
开始phonegapWord下载.docx_第4页
第4页 / 共13页
开始phonegapWord下载.docx_第5页
第5页 / 共13页
点击查看更多>>
下载资源
资源描述

开始phonegapWord下载.docx

《开始phonegapWord下载.docx》由会员分享,可在线阅读,更多相关《开始phonegapWord下载.docx(13页珍藏版)》请在冰豆网上搜索。

开始phonegapWord下载.docx

%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。

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 解决方案 > 学习计划

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1