博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
基于PhoneGap的Android应用开发:Get started
阅读量:2386 次
发布时间:2019-05-10

本文共 2467 字,大约阅读时间需要 8 分钟。

本文为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

    打开Eclipse

    这一步如果遇到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(打开方式->文本编辑器)

    如图所示

    ◆粘贴下面的授权信息至版本名称后面(如图所示)

     
     
     
     
     
     
     
     
     
     
     
     
     
     
     

    如上图所示

    ◆向activity标记中添加android:configChanges="orientation|keyboardHidden” (如上图所示)

    Step5

    ◆新建一个index.html文件至/assets/www目录下

    ◆粘贴下面的代码至index.html文件中

      
     
     
    PhoneGap 
     
     
     

    Hello World!

     
     
     

    Step6

    ◆右键点击项目,选择 运行方式-> Android Application

    ◆Eclipse可能会询问你选择一个AVD(Android运行的虚拟设备),如果没有,你可以创建一个(建议选择2.2版本)

    注意:运行时初始启动较慢,需要耐心等待几分钟。

    如果你看到了下面这张图,恭喜你,hello world运行成功!

    hello world

    Step7

    ◆确保你的设备上开启了USB debug模式,并且通过USB线将它连接到电脑上(你的设备:设置->应用->开发)

    ◆右键点击项目,选择 运行方式-> Android Application

    OK ! 如果不出意外的话,你的第一个Android版应用 Hello World!就已经大功告成了。接下来,你可以参阅PhoneGap wiki 学习更多的应用开发知识。

    reference:http://www.phonegap.com/start#android

    原文教学影片:

    转载地址:http://ehjab.baihongyu.com/

    你可能感兴趣的文章
    magento 验证码
    查看>>
    magento性能优化系列二:db篇
    查看>>
    Discuz!$_G变量的使用方法
    查看>>
    magento memcache缓存配置
    查看>>
    PHP json_encode中文乱码解决方法
    查看>>
    mysql服务启动、关闭
    查看>>
    php获取中文字符串的首字符拼音字母
    查看>>
    php curl通过代理获取数据
    查看>>
    6 个 Linux性能监控命令行工具
    查看>>
    mysql 编码字符集配置
    查看>>
    php查看opcode编码的扩展 opdumper
    查看>>
    php转换html格式为文本格式
    查看>>
    mysql-proxy主从服务架构下读写分离和负载均衡实现及原理
    查看>>
    Nginx location 和 rewrite retry
    查看>>
    基于nginx的FastCGI的缓存配置
    查看>>
    Nginx模块fastcgi_cache的几个注意点
    查看>>
    PHP使用curl伪造IP地址和header信息
    查看>>
    代理服务器中的HTTP代理与SOCKS代理有什么区别?
    查看>>
    零基础Python学习路线,小白的进阶之路!
    查看>>
    CSS的23个垂直居中技巧,你都学会了吗?
    查看>>