编程笔记

编程笔记

html5 app 简单实例
2025-01-29

一、编写一个HTML5 App

下载最新版本的PhoneGap并解压,我们将使用其中的Android目录。下载地址:https://github.com/phonegap/phonegap/zipball/1.0.0

  • 启动Eclipse,然后在菜单“File”下选择“New > Android Project”
    • 在项目根目录下,创建两个新目录:
      • /libs
      • /assets/www
    • 复制phonegap.js(从PhoneGap解压缩后的Android目录中,将解压缩后的带版本号的js文件名修改为phonegap.js)到/assets/www。
    • 复制phonegap.jar(从PhoneGap解压缩后的Android目录中,将解压缩后的带版本号的jar文件名修改为phonegap.jar)到/libs。
    • 复制xml整个目录(从PhoneGap解压缩后的Android目录中,包括一个plugins.xml)到/res。【v1.0 rc2以上】
    • 对Eclipse的src文件夹中的主要Java文件进行少量调整:(如下图)
      • 将class的继承由Activity改为DroidGap
      • setContentView()替换为super.loadUrl(“file:///android_asset/www/index.html”);
      • 添加import com.phonegap.*;
      • 移除import android.app.Activity;
  • 在这里你可能会遇到Eclipse找不到phonegap.jar的错误。在这种情况下,右键单击/libs文件夹找到Build Paths/ > Configure Build Paths。然后在Libraries标签页中添加phonegap.jar到项目中。如果Eclipse不是很稳