如何在Eclipse中使用Sencha触摸文件并使用phonegap运行?

时间:2012-06-22 06:37:44

标签: cordova sencha-touch-2

我正在尝试处理手机缺口。所以我在sencha中构建了一个应用程序并尝试使用phonegap 1.8来构建访问本机功能。要使用phonegap设置我的日食,请按照以下链接: Phonegap Android

然后在www文件夹里面我保留了我的index.html,并将我的app文件夹保存在其中。所以我的文件夹结构在android项目中是这样的:

---src
|   |--package name
|        |---------activity name
|--assets
|     |----www
|          |----app
|          |     |---view
|          |     |      |----Panel.js(Sencha file)
|          |     |---app.js
|          |-----index.html
|          |-----corodova.js
|--libs
    |----corodova.jar
    |----touch
          |----resources
          |      |-----css
          |             |----sencha-touch.css
          |
          |----sencha-touch-debug.js

但是当我在模拟器中运行它时,它显示白屏。

这是我的panel.js代码

Ext.define('MyApp.view.Panel', {
extend: 'Ext.Panel',

config: {
    items: [
        {
            xtype: 'toolbar',
            docked: 'top',
            height: 52,
            title: 'Feedback'
        }
    ]
}

});

这是我的index.html

 <!DOCTYPE html>

<!-- Auto Generated with Sencha Architect -->
<!-- Modifications to this file will be overwritten. -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Listview</title>
    <script src="libs/touch/sencha-touch-debug.js" type="text/javascript"></script> 
    <link href="libs/touch/resources/css/sencha-touch.css" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript" id="phonegap" src="cordova-1.8.1.js"></script>
    <script type="text/javascript" src="app/app.js"></script>
    <script type="text/javascript">
        if (!Ext.browser.is.WebKit) {
            alert("The current browser is unsupported.\n\nSupported browsers:\n" +
                "Google Chrome\n" +
                "Apple Safari\n" +
                "Mobile Safari (iOS)\n" +
                "Android Browser\n" +
                "BlackBerry Browser"
            );
        }
    </script>
</head>
<body></body>

在活动中我写了下面的代码:

    package com.innominds.cameraApp;

import android.os.Bundle;
import org.apache.cordova.*;

public class SenchaCameraAPPActivity extends DroidGap {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");
    }
}

任何人都可以帮助我,因为我无法弄明白。我是这个手机的新手。

提前致谢..

4 个答案:

答案 0 :(得分:1)

当你获得白色屏幕时,这是因为你的Javascript中有一些东西(可能在你的 app.js 中),比如缺少昏迷或未定义的变量,函数或其他。

尝试在Chrome,Safari或Firefox中启动index.html。然后启动 Web检查器(通常是右键单击&gt;检查元素)。然后转到控制台选项卡,查看是否有错误。

希望这有帮助

答案 1 :(得分:1)

在app.js

之前在index.html的头部包含sencha-touch.js文件

答案 2 :(得分:0)

我将sencha-touch.css保存在与index.html相同的文件夹中,并添加了资源文件夹..

我在博客中分享了解决方案:Blog URL

答案 3 :(得分:0)

看到这是我的eclipse设置,我打开了index.html文件

error