2012-04-25 11 views
4

Android-WebKitブラウザでhttp://www.wikpic.com/にアクセスすると、ページがフルスクリーンでレンダリングされます。つまり、URLが表示されていることを示すナビゲーションバーが消えます。どうやってやるの?WebKitブラウザでSencha Touch 2のページをフルスクリーンする方法は?

私は、このオプションを試してみましたが、それは動作しません:

Ext.create('MyApp.view.MyList', {fullscreen: true}); 

は、これは私のapp.jsコードです:

Ext.Loader.setConfig({ 
    enabled: true 
}); 

Ext.application({ 
    models: [ 
     'Contacto' 
    ], 
    stores: [ 
     'Contactos' 
    ], 
    views: [ 
     'MyList' 
    ], 
    name: 'MyApp', 

    launch: function() { 

    Ext.create('MyApp.view.MyList', {fullscreen: true}); 
    } 

}); 

ありがとう!

答えて

5

あなたは、ビューポートのためautoMaximize設定を探しています:

Ext.application({ 
    viewport: { 
     autoMaximize: true 
    }, 
    ... 
}); 

それは(煎茶のドキュメントから取られた)いくつかの問題が発生することを忘れない:

  • オリエンテーション変更のパフォーマンスが大幅に削減されたがこれはすべてのデバイスで有効になります。
  • 一部のデバイス(主にAndroid)では、デフォルトのブラウザのズーム設定が変更されたときに問題が発生することがあります。
  • 携帯電話をネイティブシェルでラップすると、空白の画面が表示されることがあります。
+0

thanks mate ....! – lito

+1

残念ながら、iOSでChromeを使用している場合、これは機能しません。下に提供されているソリューションを利用していますが、その結果、下のタブバーが途切れることになります。 http://www.sencha.com/forum/showthread.php?231359-Chrome-in-iOS-%28autoMaximize%29 – occasl

+0

うん。残念ながら、これらのブラウザでは、これを簡単に行うことはできません。それがデフォルトで無効になった理由です。私はこの時点では解決策が不明です。 – rdougan

関連する問題