2

我正在尝试处理电话间隙。因此,我在 sencha 中构建了一个应用程序,并尝试使用 phonegap 1.8 构建来访问本机功能。要使用 phonegap 设置我的 Eclipse..我请点击以下链接: 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

4 回答 4

1

在 app.js 之前的 index.html 的头部包含 sench-touch.js 字段

于 2012-06-23T12:24:48.720 回答
1

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

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

希望这可以帮助

于 2012-06-22T18:12:43.860 回答
0

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

错误

于 2012-06-28T07:49:11.287 回答
0

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

我在博客中分享解决方案:博客网址

于 2012-06-25T13:06:37.903 回答