sencha touch 2与phonegap 2.0结合 打包web app

爷,独闯天下 提交于 2019-12-03 05:08:17

1、下载sencha-touch-2.0.0-gpl和phonegap-phonegap-2dbbdab;

2、在assets(Java EE IDE)下面创建www, 然后在www下面创建js文件夹,如下所示:

3、把sencha-touch-all.js和cordova-2.0.0.js复制到js文件夹下面;

4、在工程目录下创建libs,把cordova-2.0.0.jar复制到/libs下面;

5、把phonegap-phonegap-2dbbdab\lib\android、Android下面的xml复制到/res下面;

6、下面修改代码,修改后的代码如下:

1 package huang.namespace;2 3 /*import android.app.Activity*/; 4 import android.os.Bundle;5 import com.phonegap.*;6 public class FirstAppActivity extends DroidGap {7 /** Called when the activity is first created. */ 8 @Override9 public void onCreate(Bundle savedInstanceState) {10 super.onCreate(savedInstanceState);11 // setContentView(R.layout.main); 12 super.loadUrl("file:///android_asset/www/index.html");13 }14 }

(1)继承Activity改成继承DroidGap;
(2)注释掉setContentView(R.layout.main);

    添加一行:super.loadUrl("file:///android_asset/www/index.html");
(3)注释掉import android.app.Activity
(4)添加一行: import com.phonegap.*;
7、在AndroidManifest.xml中添加xml代码,可以参考博文http://www.apkbus.com/android-19083-1-1.html

8、在js文件夹下面再创建一个LocatCam.js,结果如下图所示:

LocatCam.js

9、在www下面再创建index.html

index.html

10、把sencha touch 2 下面的resources复制到www下面;

11、最后运行,可以看到结果

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!