Полноэкранная панель Sencha, которая обнаруживает закладку на главном экране? - PullRequest
Новая
       18

Полноэкранная панель Sencha, которая обнаруживает закладку на главном экране?

0 голосов
/ 23 сентября 2010

При использовании 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'
    });

Заранее спасибо.

1 Ответ

1 голос
/ 30 сентября 2010

Hi Ket - это на самом деле поведение по умолчанию ... Строка состояния всегда видна даже в полноэкранном веб-приложении.Есть три совета, которые могут оказаться полезными:

  • Вы можете использовать полупрозрачную строку состояния, которая все еще там, но будет перекрывать ваш контент.Для этого в Ext.setup () вы можете использовать «statusBarStyle: 'black-translucent'"
  • "window.navigator.standalone", чтобы определить, находитесь ли вы в полноэкранном режиме или нет.
  • Вместо того, чтобы измерять ширину / высоту окна, вы можете разбить ваши H2 и P на отдельные компоненты и дать области P макет «fit»

Надеюсь, что поможет -

...