《2022年PhoneGap开发入门 .pdf》由会员分享,可在线阅读,更多相关《2022年PhoneGap开发入门 .pdf(10页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、选择您使用的开发平台1. 需求oEclipse 3.4+ 本教程还有另外一个不使用Eclipse 的版本,参照 这里 。2. 安装 SDK + PhoneGap 下载并安装 Eclipse Classic 。下载并安装 Android SDK。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页,共 10 页 - - - - - - - - - 下载并安装 ADT Plugin 。下载 最新版本的 PhoneGap并解压,我们将使用其中的Android目录。3. 新项目设置o启动
2、Eclipse ,然后在菜单“ File ”下选择“New Android Project”。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页,共 10 页 - - - - - - - - - o在项目根目录下,创建两个新目录: o/libs o/assets/www 复制 phonegap.js (从 PhoneGap解压缩后的 Android目录中,将解压缩后的带版本号的js 文件名修改为phonegap.js)到/assets/www。名师资料总结 - - -精品资料欢迎
3、下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页,共 10 页 - - - - - - - - - 复制 phonegap.jar(从 PhoneGap解压缩后的 Android目录中)到 /libs 。复制 xml 整个目录(从 PhoneGap解压缩后的 Android目录中,包括一个 plugins.xml)到/res 。【v1.0 rc2 以上】对 Eclipse 的 src 文件夹中的主要 Java 文件进行少量调整: (如下图)o将 class 的继承由 Activity改为 DroidGapo将 s
4、etContentView()替换为super.loadUrl(file:/android_asset/www/index.html);o添加 import com.phonegap.*;o移除 import android.app.Activity;名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页,共 10 页 - - - - - - - - - 在这里你可能会遇到Eclipse 找不到 phonegap-1.0.0.jar的错误。 在这种情况下,右键单击 /libs 文件夹
5、找到 Build Paths/ Configure Build Paths。然后在 Libraries 标签页中添加phonegap-1.0.0.jar到项目中。如果Eclipse 不是很稳定,你需要点击 F5 刷新一次项目。右键单击 AndroidManifest.xml并选择 Open With Text Editor 。将下面的权限设置拷贝到versionName之后:(如下图) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页,共 10 页 - - - - - - -
6、- - 在 AndroidManifest的 activity标签中添加android:configChanges=orientation|keyboardHidden。(如上图) 4. Hello World 在 “ /assets/www” 目录中新建文件 “ index.html”,并粘贴如下代码:名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页,共 10 页 - - - - - - - - - PhoneGap Hello World 5A. 部署到模拟器右键单击项目节
7、点选择Run As ,然后点击 Android Application。Eclipse 将要求你选择一个合适的AVD ,如果没有设置的话,你需要创建一个 AVD 。5B. 部署到设备确认设备已经勾选USB debugging选项,并已将设备连接到电脑。(设置 应用程序 开发) 右键单击项目节点选择Run As , 点击 Android Application。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页,共 10 页 - - - - - - - - - 完成! 你可以在 这里了解本指南的详细版本。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页,共 10 页 - - - - - - - - -