Фиксированный заголовок Sencha Touch 2

Есть ли способ иметь фиксированный неанимированный заголовок в приложении сенчи и при этом сохранить анимацию страницы и историю просмотров?

Мне нужно, чтобы мой заголовок не анимировался на слайде страницы. Я пробовал так:

-main container (v box)
--header container
--card container(card layout)
---card
---card2
---card3

Так далее

И я вручную переключаю карты внутри контейнера карт с помощью setActiveItem(index). Заголовок никогда не анимируется, но у меня сейчас нет истории, поэтому единственный способ получить кнопку «Назад» — вручную жестко запрограммировать ее с помощью setActiveItwm (prevIndex)

Это неудачное и грязное решение, может быть, у кого-то есть лучшее.


extjs sencha-touch sencha-touch-2 sencha-architect
person pocorschi    schedule 06.06.2012    source источник
comment
Что вы имеете в виду фиксированный не анимированный заголовок? Вид навигации не соответствует вашим потребностям? docs.sencha.com/touch/2-0 /#!/api/Ext.navigation.View   -  person igrek    schedule 06.06.2012

Ответы (3)


arrow_upward
0
arrow_downward

Да, я добился этого, используя sencha architect для тестирования. По памяти я создал базовый контейнер с макетом vbox. Внутри этого у меня была верхняя панель вкладок, а под ней панель вкладок. Затем я установил flex на верхней панели на 0,2, а на вкладке на 0,8. Таким образом, мой заголовок всегда будет иметь высоту 20% на любом устройстве. Надеюсь, это поможет.

person Digeridoopoo    schedule 08.06.2012
comment
Это именно то, что я описал в своем вопросе о происхождении :( надеялся, что есть лучший подход. Спасибо. - person pocorschi; 13.06.2012

arrow_upward
0
arrow_downward

Вам требуется Ext.navigation.View

person Saurabh Gokhale    schedule 07.06.2012
comment
используя Ext.navigation.View, заголовок всегда остается на месте? или весь экран меняется на push/pop? - person pocorschi; 07.06.2012
comment
заголовок действительно не перемещается, но у него нет стека истории. Мне нужно найти способ проверить это и посмотреть, можно ли добавить историю (кнопка «Назад» в Android использует историю хэштегов браузера) - person pocorschi; 07.06.2012

arrow_upward
0
arrow_downward

Используйте Ext.navigation.View и создайте базовую навигацию между представлениями... затем скройте представление навигации, которое вы можете сделать, сделав свойство navigationBar скрытым: true

Затем у вас есть общий заголовок навигации, как вы упомянули выше... Двигаясь вперед с помощью кнопки, скажем, с помощью

button.up('navigationview').push({xtype: 'card2'});

Эта кнопка будет где-то на вашей карточке, которая приведет вас к следующей карточке.

Аналогично для возврата к нажатию кнопки

button.up('navigationview').pop();
button.up('navigationview').pop(2);//Will take you two views back and so on

Эти кнопки будут в вашем общем заголовке

person Ram G Athreya    schedule 06.09.2012