phonegap学习入门

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-permissionandroid:name="android.permission.CAMERA"/>
<uses-permissionandroid:name="android.permission.VIBRATE"/>
<uses-permissionandroid:name="android.permission.ACCESS_COARSE_LOCATION"/>
<uses-permissionandroid:name="android.permission.ACCESS_FINE_LOCATION"/>
<uses-permissionandroid:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS"/>
<uses-permissionandroid:name="android.permission.READ_PHONE_STATE"/>
<uses-permissionandroid:name="android.permission.INTERNET"/>
<uses-permissionandroid:name="android.permission.RECEIVE_SMS"/>
<uses-permissionandroid:name="android.permission.RECORD_AUDIO"/>
<uses-permissionandroid:name="android.permission.MODIFY_AUDIO_SETTINGS"/>
<uses-permissionandroid:name="android.permission.READ_CONTACTS"/>
<uses-permissionandroid:name="android.permission.WRITE_CONTACTS"/>
<uses-permissionandroid:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permissionandroid: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>
<scripttype="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

phonegap学习入门的更多相关文章

每天成长一点---WEB前端学习入门笔记
WEB前端学习入门笔记从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工 ...
C# BackgroundWorker组件学习入门介绍
C# BackgroundWorker组件学习入门介绍一个程序中需要进行大量的运算,并且需要在运算过程中支持用户一定的交互,为了获得更好的用户体验,使用BackgroundWorker来完成这一功能 ...
给深度学习入门者的Python快速教程 - 番外篇之Python-OpenCV
这次博客园的排版彻底残了..高清版请移步: https://zhuanlan.zhihu.com/p/24425116 本篇是前面两篇教程: 给深度学习入门者的Python快速教程 - 基础篇给深度 ...
给深度学习入门者的Python快速教程 - numpy和Matplotlib篇
始终无法有效把word排版好的粘贴过来,排版更佳版本请见知乎文章: https://zhuanlan.zhihu.com/p/24309547 实在搞不定博客园的排版,排版更佳的版本在: 给深度学习入 ...
UML学习入门就这一篇文章
1.1 UML基础知识扫盲 UML这三个字母的全称是Unified Modeling Language,直接翻译就是统一建模语言,简单地说就是一种有特殊用途的语言. 你可能会问:这明明是一种图形,为什 ...
Phonegap学习点滴（2） -- 网络状态检测
Phonegap学习点滴(2) -- 网络状态检测 http://blog.csdn.net/x251808026/article/details/16992943 方法一:在MainActivit ...
Stanford Parser学习入门(2)-命令行运行
在Stanford parser目录中已经定义了一部分命令行工具以及图形界面,本文将介绍如何在windows使用这些工具进行语法分析,Linux下也有shell可以使用. 关于如何搭建环境请参考上一篇 ...
Python学习入门基础教程(learning Python)--5.6 Python读文件操作高级
前文5.2节和5.4节分别就Python下读文件操作做了基础性讲述和提升性介绍,但是仍有些问题,比如在5.4节里涉及到一个多次读文件的问题,实际上我们还没有完全阐述完毕,下面这个图片的问题在哪呢? 问 ...
深度学习入门实战（二）-用TensorFlow训练线性回归
欢迎大家关注腾讯云技术社区-博客园官方主页,我们将持续在博客园为大家推荐技术精品文章哦~ 作者 :董超上一篇文章我们介绍了 MxNet 的安装,但 MxNet 有个缺点,那就是文档不太全,用起来可能 ...

随机推荐

poj 2408 Apple Tree
http://poj.org/problem?id=2486 典型的回溯题目:特别是状态方程用三维的来标记是否要走回路. 题意:一颗树,n个点(1-n),n-1条边,每个点上有一个权值,求从1出发,走 ...
Pet
Problem Description One day, Lin Ji wake up in the morning and found that his pethamster escaped. He ...
HDOJ 3466 Proud Merchants
Problem Description Recently, iSea went to an ancient country. For such a long time, it was the most ...
FusionCharts(v3.6.0)使用（1）
前段时间做一个统计系统,需要画各种图表,于是找到了FusionCharts这个插件,功能甚是强大.在这个闲暇的春日午后,将这个插件的快速使用的方法写下来,方便懒得去官网看英文的朋友参考安装 Fusi ...
poj3261 Milk Patterns（后缀数组）
[题目链接] http://poj.org/problem?id=3261 [题意] 至少出现k次的可重叠最长子串. [思路] 二分长度+划分height,然后判断是否存在一组的数目不小于k即可. 需 ...
NOI题库2454 雷涛的小猫
2454:雷涛的小猫总时间限制: 20000ms 单个测试点时间限制: 10000ms 内存限制: 65536kB 描述雷涛同学非常的有爱心,在他的宿舍里,养着一只因为受伤被救助的小猫(当然,这样 ...
Apache-Tika解析Excell文档
通常在使用爬虫时,爬取到网上的文章都是各式各样的格式处理起来比较麻烦,这里我们使用Apache-Tika来处理Excell格式的文章,如下: package com.mengyao.tika.app; ...
zookeeper 集群 Cannot open channel to X at election address Error contacting service. It is probably not running.
zookeeper集群启动 1.问题现象. 启动每一个都提示 STARTED 但是查看 status时全部节点都报错 [root@ip-172-31-19-246 bin]# sh zkSer ...
Android ViewPager FragmentPagerAdapter
ViewPager 里面放Fragment <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/and ...
【剑指offer】二叉树中和为某一值的路径
转载请注明出处:http://blog.csdn.net/ns_code/article/details/26141815 题目描写叙述: 输入一颗二叉树和一个整数,打印出二叉树中结点值的和为输入整数 ...

phonegap学习入门

phonegap学习入门的更多相关文章

随机推荐

热门专题