煎茶触摸 2/ 具有导航视图的应用程序工作流程

Question

sencha touch 2 有问题。

我正在尝试了解如何实现在 sencha touch 2 中提供导航视图的相同功能，但是...."Ext.NavigationView"组件的每个项目都应该有自己独特的"导航栏"元素集。例如，我的意思是一组按钮。

我知道我可以做这样的事情：

this.getMain().getNavigationBar().rightBox.removeAll();
this.getMain().getNavigationBar().rightBox.add(this.getSettingButton());
        //where 'getSettingButton' predefined by me a button

并在每次发生"推送"事件时执行此操作（清除"导航栏"并添加适当的按钮集）

当然，我甚至可以在"items"属性中使用"layout： card"和一组"Ext.panel"元素实现"Ext.Panel"，每个元素都有唯一的"工具栏"。为了控制行为，我可以使用"setActiveItem"方法。

但是，我认为这些方法中的每一种都有点奇怪，不是吗？

我预计这将是更自然的实现方法。

很可能我不知道我需要什么。确认我的疑虑。最好的方法是什么。

Answer 1

目前，Ext.NavigationView 倾向于在"简单"视图之间执行导航。这里的"简单"意味着您的视图只是带有 innerHTML 的面板，而不是带有功能按钮、工具栏等的"复杂"视图。

据我所知，您可以尝试两种方法：

1. 如果您仍想使用 Ext.NavigationView，您可以通过 navigationBar 配置、getter 和 setter 自定义您的导航栏，将标题、项目（按钮、垫片等）作为普通组件。

2. （推荐）如果你的视图彼此完全不同，你应该使用许多Ext.Container和你选择的不同项目（例如，第一个容器带有简单的HTML公告，第二个容器有一些额外的Ext.Button，等等）。动画导航的简单使用animateActiveItem()。我想这种方式要灵活得多。