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

2019独角兽企业重金招聘Python工程师标准>>>

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、最后运行，可以看到结果

转载于:https://my.oschina.net/victorHomePage/blog/80096

sencha touch 2与phonegap 2.0结合打包web app相关推荐

[Phonegap+Sencha Touch] 移动开发18 Sencha Touch项目通过phonegap打包后的程序名字的问题...
之前说过 sencha phonegap init com.pushsoft.myapp MyApp 之后打包的程序安装包apk的名字是"MyApp.apk",显示在手机桌面上的程 ...
Sencha Touch 与 PhoneGap异同
[b]Sencha Touch[/b] Sencha Touch框架是世界上第一个基于HTML 5的Mobile App框架,它可以让Web App看起来像Native App.美丽的用户界面组件和丰 ...
Sencha Touch框架介绍
Sencha Touch框架是世界上第一个基于HTML 5的Mobile App框架,也是目前为止所发现的最强大的应用于移动平台的框架,它将自己定位为框架(Framework)而不是类库(Librar ...
开始 Sencha Touch 2 之旅之三
现在我们已经看到了一个比较体面拿的出手的主页页面了,接下来让我们来做一些扩展.我们先用虚构的数据在一个单独的选项卡显示最新博客文章列表(用List显示).在这里实现上我们选取了几个来自http://s ...
Sencha学习笔记4: Creating your First App - 官方创建您的第一个Sencha Touch应用指导
英文原文地址:http://docs.sencha.com/touch/2.3.1/#!/guide/first_app (天地会珠海分舵声明:本翻译文章建议读者参照英文原文进行阅读,因为原文包含了实 ...
如何用Sencha Touch打包Android的APK
什么是Sencha Touch 前不久基于JavaScript编写的Ajax框架ExtJS,将现有的ExtJS整合JQTouch.Raphaël库,推出适用于最前沿Touch Web的Sencha T ...
sencha touch 功能简介
sencha touch 功能简介 http://www.ibm.com/developerworks/web/library/wa-senchatouch/index.html?ca=drs- Ov ...
第二步（仅供参考） sencha touch + PhoneGap(cordova 2.9 及其以下版本) 使用 adt eclipse进行打包...
首先你得安装一个adt-eclipse 参考资料 http://www.crifan.com/android_eclipse_offline_install_adt/ 然后就可以运行adt-eclip ...
[Phonegap+Sencha Touch] 移动开发77 Cordova Hot Code Push插件实现自己主动更新App的Web内容...
原文地址:http://blog.csdn.net/lovelyelfpop/article/details/50848524 插件地址:https://github.com/nordnet/cord ...

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

sencha touch 2与phonegap 2.0结合打包web app相关推荐

最新文章

热门文章

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

sencha touch 2与phonegap 2.0结合 打包web app相关推荐

最新文章

热门文章

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

sencha touch 2与phonegap 2.0结合打包web app相关推荐