JavaFx 8中如何在TabPane标题栏中显示选定标签后面的一些标签

6
我是一名有用的助手,可以为您进行文本翻译。以下是需要翻译的内容:

我正在尝试修改JavaFx 8中的TabPage控件,使其在当前选定选项卡的右侧向视口显示一些选项卡,或者如果所选选项卡位于标头的极左端,则显示当前选项卡前面的附近选项卡。

现在的情况:

Default behaviour

我正在尝试使其行为像:

When the user selects the tab of index X, the tab pane header reveals another 2 or 3 nearby tabs.

当用户选择索引为X的选项卡时,选项卡窗格标头会显示另外2或3个相邻的选项卡。
到目前为止,这是我尝试过的内容,但似乎下面的代码太快了,无法及时同步界面线程上的选项卡选择(想法是预先选择一个选项卡,然后回退到用户选择的选项卡,使标头显示所选选项卡之后的选项卡)。
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;

public class TabSelectionListener implements ChangeListener<Tab> {

    protected TabPane owner;
    protected boolean lock;
    protected int nextItems;

    TabSelectionListener(TabPane listenTo){
        owner = listenTo;
        lock = false;
        nextItems = 2;
    }

    TabSelectionListener(TabPane listenTo, int minimalInFront){
        owner = listenTo;
        lock = false;
        nextItems = minimalInFront;
    }

    @Override
    public void changed(ObservableValue<? extends Tab> list, Tab old, Tab newT) {
        int maxTab;
        int curTab;
        int i;

        // Locks this listener, because the selections owner.getSelectionModel().select(X)
        // will call this listener again, and we are calling those from here.
        if(!lock){
            lock = true;
            maxTab = owner.getTabs().size() - 1;
            curTab = owner.getSelectionModel().getSelectedIndex();

            for(i = 0; i < nextItems && curTab + i < maxTab; i++);
            owner.getSelectionModel().select(i); // int overload
            owner.getSelectionModel().select(newT);

            lock = false;
        }
    }
}

选项卡窗格在每次选中选项卡时调用它:
tabPane.getSelectionModel().selectedItemProperty().addListener(new TabSelectionListener(tabPane,3));

我一直在阅读这里的一些话题,我发现标题实际上是一个StackPane,并且可以通过执行以下操作获得:

StackPane region = (StackPane) tabPane.lookup(".headers-region");

它可以工作,但之后我不知道如何访问实现默认行为的属性。有什么建议吗?谢谢阅读。
1个回答

6

我终于做到了。

找到了我要寻找的类com.sun.javafx.scene.control.skin.TabPaneSkin @ jfxrt.jar,它有一个方法可以使选定的选项卡可见,每当TabPane的选定选项卡不完全可见时,它就会运行,我进行了重写。

TabPaneSkin是TabPane的默认皮肤,它对TabPane控件应用了一些行为。

/*
* 版权所有(c)2011, 2014,Oracle及其附属公司。保留所有权利。
* ORACLE专有/机密。使用受许可条款约束。
*

希望Oracle不会介意...

选择您的TabPane,并进行设置...

tabPane.setSkin(new TabPaneNewSkin(tabPane));

我写了一个可以显示附近选项卡的TabPaneSkin,希望你能用它来覆盖Oracle默认的TabPaneSkin。

当选中一个选项卡时,原始的Oracle代码会重新定位选项卡以使其可见:

    private void ensureSelectedTabIsVisible() {
            // work out the visible width of the tab header
            double tabPaneWidth = snapSize(isHorizontal() ? getSkinnable().getWidth() : getSkinnable().getHeight());
            double controlTabWidth = snapSize(controlButtons.getWidth());
            double visibleWidth = tabPaneWidth - controlTabWidth - firstTabIndent() - SPACER;

            // and get where the selected tab is in the header area
            double offset = 0.0;
            double selectedTabOffset = 0.0;
            double selectedTabWidth = 0.0;
            for (Node node : headersRegion.getChildren()) {
                TabHeaderSkin tabHeader = (TabHeaderSkin)node;

                double tabHeaderPrefWidth = snapSize(tabHeader.prefWidth(-1));

                if (selectedTab != null && selectedTab.equals(tabHeader.getTab())) {
                    selectedTabOffset = offset;
                    selectedTabWidth = tabHeaderPrefWidth;
                }
                offset += tabHeaderPrefWidth;
            }

            final double scrollOffset = getScrollOffset();
            final double selectedTabStartX = selectedTabOffset;
            final double selectedTabEndX = selectedTabOffset + selectedTabWidth;

            final double visibleAreaEndX = visibleWidth;

            if (selectedTabStartX < -scrollOffset) {
                setScrollOffset(-selectedTabStartX);
            } else if (selectedTabEndX > (visibleAreaEndX - scrollOffset)) {
                setScrollOffset(visibleAreaEndX - selectedTabEndX);
            }
        }

我编写的自定义TabPane皮肤代码:

    // This function was overwritten
    private void ensureSelectedTabIsVisible() {
        // work out the visible width of the tab header
        double tabPaneWidth = snapSize(isHorizontal() ? getSkinnable().getWidth() : getSkinnable().getHeight());
        double controlTabWidth = snapSize(controlButtons.getWidth());
        double visibleWidth = tabPaneWidth - controlTabWidth - firstTabIndent() - SPACER;


        // and get where the selected tab is in the header area
        double offset = 0.0;
        double selectedTabOffset = 0.0;
        double selectedTabWidth = 0.0;

        // OVERWRITE
        // Makes the nearby 3 tabs for each side of the selected tab visible.
        ObservableList<Node> headersRegionChildren = headersRegion.getChildren();
        boolean nextTabs = false;
        int nextTabsCount = 0;
        int current = 0;
        int numOfTabsToShowNext = 3;
        int numOfTabsToShowBefore = 3;
        double tabHeaderPrefWidth;       
        TabHeaderSkin tabHeader;

        for (Node node : headersRegionChildren) {
            tabHeader = (TabHeaderSkin)node;

            tabHeaderPrefWidth = snapSize(tabHeader.prefWidth(-1));

           if (selectedTab != null && selectedTab.equals(tabHeader.getTab())) {
                    selectedTabWidth = tabHeaderPrefWidth;

                // OVERWRITE: Finds the offset of the first tab in the limit numOfTabsToShowBefore before the selected one to be shown
                for(int i = current - 1; i >= 0 && numOfTabsToShowBefore > 1; i--, numOfTabsToShowBefore--){
                    tabHeader = (TabHeaderSkin)headersRegionChildren.get(i);
                    tabHeaderPrefWidth = snapSize(tabHeader.prefWidth(-1));
                    offset -= tabHeaderPrefWidth;
                    selectedTabWidth += tabHeaderPrefWidth;
                }

                selectedTabOffset = offset;
                // OVERWRITE: Sets the flag to start counting in the next 3 nearby tabs.  
                nextTabs = true;
            }
            // OVERWRITE: Sums the width of the next nearby tabs with the
            // width of the selected tab, so it will scroll enough to show
            // them too.
            if(nextTabs && nextTabsCount < numOfTabsToShowNext){
                selectedTabWidth += tabHeaderPrefWidth;
                nextTabsCount++;
            }else if(nextTabsCount == numOfTabsToShowNext){
                break;
            }

            offset += tabHeaderPrefWidth;
            current++;
        }
        // END OVERWRITE

        final double scrollOffset = getScrollOffset();
        final double selectedTabStartX = selectedTabOffset;
        final double selectedTabEndX = selectedTabOffset + selectedTabWidth;

        final double visibleAreaEndX = visibleWidth;

        if (selectedTabStartX < -scrollOffset) {
            setScrollOffset(-selectedTabStartX);
        } else if (selectedTabEndX > (visibleAreaEndX - scrollOffset)) {
            setScrollOffset(visibleAreaEndX - selectedTabEndX);
        }
    }

以上代码显示了在每个选定的标签的左右三个最近的标签(如果其中一个超出屏幕并存在)的每个标签选择。

所以,就是这样。com.sun.javafx.scene.control.skin.TabPaneSkin不应该被扩展,几乎所有方法都是私有的,所以我复制了它,并仅更改了上面提到的函数,并将其重命名为TabPaneNewSkin,它位于我的包中。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接