Sencha Touch-滚动到TabBar上的最后一个标签 [英] Sencha Touch - scroll to last tab on TabBar

问题描述

我的应用程序中有一个带有多个选项卡的视图。我想把重点放在最后一个问题上。我可以设置活动选项卡this.setActiveItem(10)，但我不能(以编程方式)将选项卡栏滚动到最后一项。显示了第10个选项卡的内容，但隐藏了选项卡栏上的第10项，因此用户可能会感到困惑。

事先非常感谢。

推荐答案

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

因此，首先需要tabBar的实例，以便我们可以获取tabPanel的activeTab。这样我们就可以很容易地得到选项卡项的偏移量。这里，选项卡项不是指容纳选项卡内容的容器，而是指可以放置在顶部或底部的选项卡指示器。因此，我们只需要活动选项卡项从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滚动条的实例。一旦我们得到它，我们就可以务实地滚动它，在上面的步骤中找到我们想要的位置。

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

    scroller.scrollTo(x,y);

正在工作demo is here

---

更新

您还可以在使用-

滚动时启用动画

scroller.scrollTo(x, y, true);

这篇关于Sencha Touch-滚动到TabBar上的最后一个标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！