Sencha Touch - 滾動到TabBar上的最後一個選項卡

Question

在我的應用程序中有一個包含許多選項卡的視圖。我想把重點放在最後一個。我可以設置活動標籤this.setActiveItem(10)，但我無法滾動（以編程方式）tabbar到最後一個項目。顯示第10個選項卡的內容，但是第109個選項卡隱藏，因此用戶可能會感到困惑。

非常感謝。

Answer 1

一個非常好的問題，許多人可能會覺得這很有用。

首先，需要tabBar的實例，因此我們可以獲得activeTab的tabPanel。然後我們可以很容易地獲得標籤項目的偏移量。在這裏，標籤項目的意思不是容納標籤內容的容器，而是指示器可以放置在頂部或底部的標籤指示器。所以我們只需要活動標籤項與tabBar的偏移量不是容器。

this.getMyTabPanel().setActiveItem(6); 

    var tabBar = this.getMyTabPanel().getTabBar(); 

    var activeTab = tabBar.getActiveTab(); 
    var x= activeTab.element.getX(); 
    var y = activeTab.element.getY(); 

下一部分是，得到tabBar scroller的實例。一旦我們得到這個，我們可以務實地滾動它，以達到我們在上述步驟中獲得的理想位置。

var scroller = this.getMyTabPanel().getTabBar().getScrollable().getScroller(); 

    scroller.scrollTo(x,y); 

工作demo is here

---

更新

您還可以啓用動畫而務實地與滾動 -

scroller.scrollTo(x, y, true);