基于PhoneGap的Android应用开发
来源:互联网 发布:在线access数据库 编辑:程序博客网 时间:2024/05/17 07:05
基于PhoneGap的Android应用开发:Get started
本文为PhoneGap官方网站上有详细的入门示例教程的中文翻译,作者针对使用PhoneGap进行Android移动应用的开发对其官网的Get Started进行一些介绍、补充。
AD:
PhoneGap官方网站上有详细的入门示例教程,这里,我针对使用PhoneGap进行Android移动应用的开发对其官网的Get Started进行一些介绍、补充。
Step1、选择你想要进行开发的移动平台,点击Android图标
Step2、需要安装的软件-Eclipse3.4以上版本
Step3、安装SDK+PhoneGap
(1)安装Eclipse3.4,我安装使用的为3.6版本中文语言包(如果你使用的是英文原版,下面的一些操作请自行和我的中文描述对应),ADT Plugin要求使用3.5.1以上版本 。如果你对Eclipse不了解,不知道使用哪种版本的,建议下载Eclipse Classic版本。Eclipse为绿色版软件,下载后解压到任意位置均可使用。
(2)下载安装JDK (java SDK)。android SDK 依赖于JDK,所以必须先安装JDK 。JDK1.6官方下载 。JDK 安装好以后,需要配置系统环境变量。配置系统环境变量.
(3)下载安装Android SDK (android官方下载地址不可直接访问,华军有当前最新版本的SDK下载,访问这里)。同JDK设置环境变量一样,需要设置ADK的环境变量为(以我安装ADK的路径为例) M:\Program Files\Android\android-sdk\platform-tools
(4)下载安装 ADT Plugin 是一款Eclipse的插件,用于快速开发Android应用。
(5)下载最新版本的PhoneGap
以上所有都安装好以后,再进行下一步
Step4
◆打开Eclipse,选择文件->新建->其他->Android Project
并建立一个专案本文以 [helloinside]为名称,分别输入专案的属性为
Application name:helloinside
Package name:com.phonegap.helloinside
Create Activity:app
这一步如果遇到No target available ,是因为ADK环境没配置好 首选项—>android—>选择android-sdk的路径,然后点击应用即可。(需要重新启动Eclipse)
注:目前PhoneGap 0.9.3用Android 2.3以上版本会出错,所以Build Target请选 Android 2.2以下的版本。
◆在新建项目的根目录下,创建两个目录
- /libs
- /assets/www
◆解压PhoneGap文件夹,复制phonegap.js文件到/assets/www 目录下,复制phonegap.jar文件到libs目录下
◆需要对Eclipse下项目的App.java文件(src文件夹内)进行一些配置(如图所示)
修改类的继承 将Activity 修改为 DroidGap
将setContentView() 这一行修改为super.loadUrl("file:///android_asset/www/index.html");
添加 import com.phonegap.*;
有可能在这里会遇到一个错误,显示Eclipse找不到phonegap-0.9.2.jar ,右键点击/libs文件夹,Build Paths(构建路径)/ > Configure Build Paths(配置构建路径) 在library(库)栏向工程中添加phonegap-0.9.4.jar ,可能需要按一次F5刷新。
◆右键点击AndroidManifest.xml文件,选择Open With > Text Editor(打开方式->文本编辑器)
◆粘贴下面的授权信息至版本名称后面(如图所示)
- <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标记中添加android:configChanges="orientation|keyboardHidden” (如上图所示)
Step5
◆新建一个index.html文件至/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>
Step6
◆右键点击项目,选择 运行方式-> Android Application
◆Eclipse可能会询问你选择一个AVD(Android运行的虚拟设备),如果没有,你可以创建一个(建议选择2.2版本)
注意:运行时初始启动较慢,需要耐心等待几分钟。
如果你看到了下面这张图,恭喜你,hello world运行成功!
Step7
◆确保你的设备上开启了USB debug模式,并且通过USB线将它连接到电脑上(你的设备:设置->应用->开发)
◆右键点击项目,选择 运行方式-> Android Application
OK ! 如果不出意外的话,你的第一个Android版应用 Hello World!就已经大功告成了。接下来,你可以参阅PhoneGap wiki 学习更多的应用开发知识。
reference:http://www.phonegap.com/start#android
原文教学影片:http://www.youtube.com/watch?v=MzcIcyBYJMA
- 基于PhoneGap的Android应用开发[eclipse]
- 基于PhoneGap的Android应用开发
- 基于PhoneGap的Android应用开发:Get started
- 基于PhoneGap的Android应用开发[Dreamweaver CS5.5]
- 基于PhoneGap的Android应用开发:Get started
- 基于PhoneGap的Android应用开发:Get started
- PhoneGap的Android应用开发入门
- 基于 PhoneGap 与 Java 开发的 Android 应用的性能对比
- 基于PhoneGap与Java开发的Android应用的性能对比
- (转)基于PhoneGap与Java开发的Android应用的性能对比
- 基于PhoneGap与Java开发的Android应用的性能对比
- 基于phonegap开发的移动应用插入广告的方法
- 使用PhoneGap开发基于Html5应用一:PhoneGap简介
- 搭建基于Android和PhoneGap的开发环境
- 搭建基于Android和PhoneGap的开发环境
- 开发基于jquerymobile+phonegap+android的应用程序(1) [转]
- PhoneGap与Jquery Mobile结合开发android应用的配置
- PhoneGap与Jquery Mobile结合开发android应用的配置
- JVM调优总结
- 一个绿色版本的LAMP包. (快速构建linux下的php开发环境)
- 通过odbc连接progress数据库
- 2012-7-17 android:layout_weight
- 【insigma】java数组的创建、声明、初始化
- 基于PhoneGap的Android应用开发
- Mac技巧之找到 Mac OS X 系统更新升级包下载后的存储位置,避免多台苹果电脑重复下载&&&&苹果OS X 10.7.4发布,升级包下载
- 使用Safari浏览器自带工具,查看页面中 css 样式的引用~
- Java中的条件编译
- 水晶报表安装补丁及合并模块下载地址
- 栈和堆
- 一位码农的人生自述(十六)------军训
- android4.0 默认壁纸的修改
- 排列组合