• [PhoneGap]入门示例


    PhoneGap官方网站上有详细的入门示例教程:

    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的路径为例) android-sdkplatform-tools

    http://developer.android.com/intl/zh-CN/sdk/index.html

    (4)下载安装 ADT Plugin 是一款Eclipse的插件,用于快速开发Android应用。

    (5)下载最新版本的PhoneGap

    http://phonegap.com/

    以上所有都安装好以后,再进行下一步

    Step4

    ◆打开Eclipse,创建一个Android项目

    举例:

    Application name:PhoneGapDemo

    Package name:lee.phonegap.demo

    ◆在新建项目的根目录下,用到三个目录

    1. /libs
    2. /assets/www  (需要创建)
    3. /res

    ◆解压PhoneGap文件夹,(例如在phonegap-2.6.0/lib/android路径下的cordova-2.6.0.jar文件,更名为 phonegap.jar,cordova-2.6.0.js文件更名为phonegap.js) ,复制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(打开方式->文本编辑器)

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

    1. <supports-screens
    2. android:largeScreens="true"
    3. android:normalScreens="true"
    4. android:smallScreens="true"
    5. android:resizeable="true"
    6. android:anyDensity="true"
    7. />
    8. <uses-permission android:name="android.permission.CAMERA"/>
    9. <uses-permission android:name="android.permission.VIBRATE"/>
    10. <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
    11. <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
    12. <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS"/>
    13. <uses-permission android:name="android.permission.READ_PHONE_STATE"/>
    14. <uses-permission android:name="android.permission.INTERNET"/>
    15. <uses-permission android:name="android.permission.RECEIVE_SMS"/>
    16. <uses-permission android:name="android.permission.RECORD_AUDIO"/>
    17. <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS"/>
    18. <uses-permission android:name="android.permission.READ_CONTACTS"/>
    19. <uses-permission android:name="android.permission.WRITE_CONTACTS"/>
    20. <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
    21. <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>

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

    Step5

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

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

    1. <!DOCTYPE HTML>
    2. <html>
    3. <head>
    4. <title>PhoneGap</title>
    5. <scripttype="text/javascript"charset="utf-8"src="phonegap.js"></script>
    6. </head>
    7. <body>
    8. <h1>Hello World!</h1>
    9. </body>
    10. </html>

    Step6

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

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

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

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

    hello world

    Step7

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

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

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

  • 相关阅读:
    iOS 沙盒机制 持久存储 读写文件 NSFileManager
    关键字@synchronized
    整理UIImagePickerController、保存图片到相册问题
    关于MJRefresh的下拉加载数据bug
    tableView显示第一个cell有偏移问题
    iOS比较常用的第三方框架
    iOS 10 下的用户隐私访问相册等权限问题!
    diff: /../Podfile.lock: No such file or directory diff: /Manifest.lock: No such file or directory error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods in
    iOS的坑:ERRORITMS-90096: "Your binary is not optimized for iPhone 5
    CocoaPods 1.0之前版本无法pod install和pod update! 更新后CocoaPods 1.1.1 Podfile新的写法.
  • 原文地址:https://www.cnblogs.com/webapplee/p/3767805.html
Copyright © 2020-2023  润新知