GWT 选项卡面板 - 如何将选项卡放在底部

Question

我一直在努力解决一个问题，但在网上搜索没有任何结果。

基本上我正在尝试在 GWT（没有 ext 或 smart 的普通 GWT）中创建一个选项卡面板。

问题是我需要标签位于面板的底部，而不是顶部，默认情况下它们是怎样的。

您对我如何实现这一点有任何想法吗？

谢谢。

更新1：（为了更清楚，我添加了屏幕截图） 默认是什么 -> default tab position

我需要什么 -> needed tab position

Answer 1

TabPanel 实际上是 TabBar 和 DeckPanel 小部件的聚合。您可以随意安排它们。您所要做的就是将addSelectionHandler（或addBeforeSelectionHandler）发送至TabBar，然后DeckPanel 上的showWidget（根据所选选项卡）。

例如：

TabBar tabs = new TabBar();
final DeckPanel deck = new DeckPanel(); 

for(int i = 0; i < 5; i++) {
    tabs.addTab("Tab " + Integer.toString(i + 1));
    deck.add(new Label("Label " + Integer.toString(i + 1)));
}

tabs.addSelectionHandler(new SelectionHandler<Integer>() {
    @Override
    public void onSelection(SelectionEvent<Integer> event) {
        deck.showWidget(event.getSelectedItem());
    }
});

VerticalPanel vPanel = new VerticalPanel();
vPanel.add(deck);
vPanel.add(tabs);

tabs.selectTab(0);