Sencha touch Sencha Touch-滚动至选项卡栏上的最后一个选项卡

我的应用程序中有一个包含多个选项卡的视图。我想把重点放在最后一个。我可以将active tab

设置为this.setActiveItem（10）

，但我无法（以编程方式）将tabbar滚动到最后一项。第十个选项卡的内容显示出来，但选项卡栏上的第十个项目是隐藏的，所以用户可能会感到困惑

---

提前多谢。

这是一个非常好的问题，很多人可能会觉得这很有用

所以首先，需要使用

tabBar

的实例，这样我们就可以得到tabPanel的

activeTab

。然后我们可以很容易地得到选项卡项的偏移量。在这里，tab项不是指保存tab内容的容器，而是可以放置在顶部或底部的tab指示器。所以我们只需要活动选项卡项从

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);

工作

---

更新

您还可以在实际使用滚动的同时启用动画-

scroller.scrollTo(x, y, true);

---

演示链接不工作。请提供一个工作链接@SachinGutte好吗