2012-04-06 89 views
3

我举个sencha touch2应用程序的例子。它在我的本地主机浏览器(http://localhost/sencha/examples/navigationview/index.html)中工作正常。如何在android中使用senchatouch实现phonegap应用程序2

现在我需要使用phonegap 1.5.0将此sencha应用程序集成到android。从phonegap

phonegap-phonegap-1.5.0-0-gde1960d.zip从PhoneGap的网站

我下载的PhoneGap库。 因为我得到了cordova-1.5.0.js和cordova-1.5.0.jar文件而不是phonegap。
我已经通过phonegap网站了解到cordova-1.5.0和phonegap是相同的。

我已经按照这个Get Started Guide
在他们没有给如何整合煎茶touch2 MVC堆结构。入门指南中的基本示例对我来说工作正常。

我的问题是我无法整合我的sencha2 MVC文件架构。我GOOGLE了这个,但没有成功。我在这里做错了什么?你能否建议我以正确的方式来做到这一点。
在此先感谢。

这是我的index.html文件

<!DOCTYPE HTML> 
<html manifest="" lang="en-US"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Ajax</title> 
    <script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script> 
    <script id="microloader" type="text/javascript" src="development.js"></script> 
</head> 
<body> 
</body> 
</html> 

在app.js文件我收到提示:

//<debug> 
    Ext.Loader.setPath({ // line no. 2 
     'Ext': 'src' 
    }); 
    //</debug> 
+0

能否请您解释一下你的意思是我的“整合我sencha2 MVC堆结构”?你应该把你有的任何Web代码放到Android项目的assets/www文件夹中。您提到入门指南中的基本示例正在运行,那么您在尝试运行项目时遇到了哪些错误? – Jay 2012-04-07 19:36:50

+0

yes jayraj.Thanks your reply.actually如果您比较senchatouch1.1(http://screencast.com/t/chDMwE7d13K)和senchatouch2.0(http://screencast.com/t/y9ykJLxi)的文件结构,是完全不同的。在index.html中的senchatouch1.1中本身存在总的javascript代码(您可以直接将此index.html与支持的文件添加到andoid/assets/www /中,它将正常工作).senchatouch2.0文件夹结构与此不同可以在模型,视图,控制器和应用程序文件夹中存储文件夹中找到。我无法理解如何在android-phonegap assets/www文件夹中添加这些文件。 – atluriajith 2012-04-09 05:17:41

回答

3

Ext.Loader是什么让你的JS文件居住在里面的不同的文件夹app文件夹。作为tutorial

描述然后,只需把index.htmlapp文件夹和其他一切www为PhoneGap的,如果你已经配置Ext.Loader煎茶触摸可以动态地从相应的目录中加载文件。它的工作原理与网页一样。要完全明确:

www 
| 
|-index.html 
|-app/ 
|-css/ 
|-whatever else 
+0

Jayraj谢谢你的回答。它为我工作。现在我收到这个错误。 04-09 17:15:42.722:E/Web控制台(1675):ReferenceError:无法找到变量:Ext at file:///android_asset/www/app.js:2 知道为什么会出现此错误。 – atluriajith 2012-04-09 11:50:06

+0

用index.html和app.js文件编辑我的问题 – atluriajith 2012-04-09 11:55:00

+0

您还没有在index.html中的任何地方包含Sencha Touch JS文件(通常命名为“sencha-touch-debug-all.js”或其他)。请精确地按照教程。如果你有新的问题或问题,请创建新的问题,而不是添加到这个问题上。 – Jay 2012-04-09 14:11:58

0

对于生产版本,你需要使用命令行工具,它为您提供了一个单一的js文件,包括所有MVC组件和演员一样的API,或者您需要的库以及所有必须EXT和煎茶东西的东西,没有更多。

到达这个阶段是一项相当成就的事情,然后您应该准备好您的index.html文件以制作成APK。

0

我会建议你使用MDS鼓掌电话差距http://wiki.phonegap.com/w/page/34483744/PhoneGap%20Eclipse%20PlugIn%20for%20Android

与手机的差距发展煎茶2个应用程序。 它会给你一个使用phonegap + sencha 的方式,然后你可以在index.html中添加你的sencha js和css文件的路径,并手动添加app文件夹。 指数看起来像

<!DOCTYPE HTML> 
    <html> 
    <head> 
    <meta name="viewport" content="width=320; user-scalable=no" /> 
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
    <title>PhoneGap Demo with Sencha Touch</title> 
    <link rel="stylesheet" href="sencha/resources/css/sencha-touch.css" type="text/css"> 
    <script type="text/javascript" src="sencha/sencha-touch-all.js"></script> 
    <script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script> 
    <script type="text/javascript" charset="utf-8" src="main.js"></script> 
    <script type="text/javascript" charset="utf-8" src="phonegapdemo-w-sencha.js">  </script> 
    </head> 

0

看看PhoneGap的建造。在这里看到我的答案在论坛关于phonegap。 你让你的sencha应用程序立即运行在iphone,android,黑莓等一切!

你甚至不需要使用phonegap API调用!

您只需将app.html的副本制作成index.html。

如果你想使用phoneGap API,只需使用它。无需添加任何文件或其他任何东西。 在index.html的,你必须添加行

<script... phonegap="cordova-1.0.7" /> 

或任何版本那么有效。

(这个信息是真实的截至2012年6月11日 - 我想,当测试期结束后它会花费)