3

sencha touch 2 で Web アプリを作成しました。このアプリを開いたときに、iOS/Android でブラウザのアドレス バーを非表示にしたいと考えています。インターネットで見つけた多くの方法でそれをやろうとしましたが、どれもうまくいきませんでした。ほとんどの人は、この質問の答えのようにすることを提案しています: how to fullscreen a Sencha Touch 2 page on a WebKit browser?

しかし、それもうまくいきませんでした。ここのオフィスで、私よりも長く煎茶を扱っている何人かの人と話をしました。彼らは、autoMaximize 設定がそれらのいずれに対しても機能しなかったと言いましたが、元同僚の 1 人が別の方法でそれを実行したことがあります。

だから...私のwebappをフルスクリーンモードで実行する他の方法を知っている人、またはautoMaximizeが機能しない理由を知っている人はいますか?

更新: サンプル コード

Ext.application({
name: 'App',

viewport: {
  autoMaximize: true
},

requires : [
    'Ext.Panel'
],

launch: function() {
    Ext.Viewport.add({
        xtype:'panel',
        fullscreen:true,
        html:'hi'
    });
},});

更新 2: Android では問題なく動作しているようです。

4

2 に答える 2

1

モバイルで完全にフルスクリーンの Web アプリを使用したい場合は、ハイブリッド アプリとして展開する必要があります。ネイティブ OS SDK に対してコンパイルすることを意味します。これは、PhoneGap と特定の OS SDK を使用して簡単に実現できます。

詳細については、こちらをご覧ください: http://www.sencha.com/learn/a-sencha-touch-mvc-application-with-phonegap/

Android では、要点は org.apache.cordova.DroidGap を拡張し、メソッド onCreate() を次のようにオーバーライドすることです。

public class App extends DroidGap
{
    /**
     * Called when the activity is first created.
     */
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        super.init();

        super.setIntegerProperty("loadUrlTimeoutValue", 60000);
        loadUrl("file:///android_asset/www/index.html");
    }
}

ここで、'index.html' は ST Web ページです。

それが役に立てば幸い。乾杯。

于 2012-12-13T01:18:37.967 に答える
0

私の経験から、あなたの質問に対する答えはあなたが引用した質問と同じです：

WebKitブラウザでSenchaTouch2ページをフルスクリーンにする方法は？

それはいつも私のために働いた。

ただし、コンパイルされていないバージョンのアプリで作業しているときに、この構成でエラーが発生することがありました。次の質問は、私が得たエラーとそれをどのように解決したかを示しています。

viewport autoMaximizeにより、iPhoneでwindow.innerHeightが変更されるのを待機するタイムアウトが発生します

お役に立てれば

于 2012-10-09T16:56:03.887 に答える