0

Sencha Touch を使用してパネルを作成する場合、フルスクリーン プロパティを有効にするようにパネルに指示できます。パネルは、デバイスで利用可能なスペースを埋めます。

バグがあるか、ホーム画面に保存されたブックマークを処理していないようで、上部のステータスバーの下に浮かんでいます。

この動作を管理するためのプロパティまたは設定はありますか、それとも、デバイスと方向に応じて必要なパディングの量を決定するロジックをプログラムする必要がありますか?

以下の例はモバイル Safari にうまく収まりますが、ホーム画面に保存して読み込むと、ツールバーがステータス バーの下に表示されます。

        var buttons = [
        {text: 'Button'},
        {xtype: 'spacer'},
        {text: 'Blue', ui: 'action'},
    ];

    var toolbar1 = new Ext.Toolbar({
        dock: 'top',
        title: 'Panel',
        items: buttons
    });

    var windowHeight = Ext.Element.getViewportHeight();
    var windowWidth = Ext.Element.getViewportWidth();

    var homePage = new Ext.Panel ({
        fullscreen: true,
        cls: 'homePage',
        dockedItems: [toolbar1],
        layout: 'fit',
        html: '<h2>Testing Ext.js Panel</h2><p>Height:' + windowHeight +'</p><p> Width:' + windowWidth +'</p>',
        animation: 'slide'
    });

前もって感謝します。

4

1 に答える 1

1

Hi Ket — これは実際には既定の動作です... ステータス バーは、全画面表示の Web アプリであっても常に表示されます。役立つヒントが 3 つあります。

  • 半透明のステータスバーを使用できます。これはまだ存在しますが、コンテンツをオーバーレイします. これを行うには、Ext.setup() で "statusBarStyle: 'black-translucent'" を使用できます。
  • "window.navigator.standalone" は、フルスクリーン モードかどうかを検出します。
  • ウィンドウの幅/高さを測定する代わりに、H2 と P を別々のコンポーネントに分割し、P 領域に「フィット」のレイアウトを与えることができます。

それが役立つことを願っています-

于 2010-09-30T18:55:55.207 に答える