2

私は電話のギャップを処理しようとしています。だから私はsenchaで1つのアプリをビルドし、phonegap1.8を使用してネイティブ機能にアクセスしてビルドしようとしています。phonegap..iを使用して日食を設定するには、以下のリンクをたどってください： Phonegap Android

次に、wwwフォルダー内にindex.htmlを保持し、アプリフォルダーをその中に保持します。だから私のフォルダ構造は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

白い画面が表示されるのは、Javascript（おそらくapp.js）に、コマの欠落や未定義の変数、関数などが含まれているためです。

Chrome、Safari、またはFirefoxでindex.htmlを起動してみてください。次に、 Webインスペクターを起動します（通常は、右クリック>要素の検査です）。次に、[コンソール]タブに移動して、エラーがあるかどうかを確認します。

お役に立てれば

于 2012-06-22T18:12:43.860 に答える
1

app.jsの前のindex.htmlの先頭にsench-touch.jsフィールドを含めます

于 2012-06-23T12:24:48.720 に答える
0

sencha-touch.cssをindex.htmlと同じフォルダーに保存し、リソースフォルダーを追加しました。

私はブログで解決策を共有します：ブログのURL

于 2012-06-25T13:06:37.903 に答える
0

これが私の日食の設定であり、index.htmlファイルを開いたのを参照してください

エラー

于 2012-06-28T07:49:11.287 に答える