導航視圖

Question

我開發煎茶觸摸應用程序，它有很多的意見，並有大量的視圖之間的導航，我這樣做是使用下面的代碼

Ext.Viewport.add({ 
    xtype : 'view2' 
}); 
Ext.Viewport.animateActiveItem(this.getView2(), { 
    type : 'slide', 
    direction : 'right' 
}); 

但是，可以說，當用戶從瀏覽view1到view2和view2到view3，從view3當用戶回退按鈕時，我寫了上面的代碼從view3導航到view2。

上面的代碼工作，但view1首先像flash一樣來到，然後移動到view2。

有時白頁在瀏覽視圖時會出現。

Answer 1

sencha觸摸中提供了一個組件，用於此目的（處理多視圖推/彈出），它是NavigationView。如果你參考文檔，你會發現提供了很多配置選項，可以幫助你設計和維護視圖。 關於導航視圖最偉大的事情是，無論何時你推新視圖，你都會得到一個back button。

基本上，這個想法是，有一個父視圖作爲導航視圖，所有其他視圖作爲子項添加到此父項。所以每當你添加一個新的孩子，它就會被推入堆棧。像堆棧一樣，我們可以將視圖推送到或從此導航視圖中彈出視圖。

關於導航視圖還有一件很酷的事情是，您不必擔心DOM大小了。如果設置了適當的配置，sencha touch會在他們停用時立即刪除未使用或不必要的視圖。這會幫助你提高應用的性能。

我幾乎在所有的項目中都使用了導航視圖，這些項目具有高達6-7的深層視圖。正確處理時，這絕不是問題。

可能還有一些其他問題與您目前的戰略，但您可以使用導航視圖，看看差異和我強烈建議你這樣做。