1

我想扩展 TabPanes 实现的这篇文章。

我很感兴趣是否可以用鼠标拖动 TabPane 以通过鼠标拖动改变 TabPane 的位置。如何实现这一点的基本解释将受到高度赞赏。

import javafx.application.Application;
import javafx.geometry.Orientation;
import javafx.scene.Node;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.scene.control.SplitPane;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;
import javafx.scene.control.TextArea;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;


public class FXSplitTabs extends Application{

    @Override
    public void start(Stage stage) throws Exception {
        stage.setTitle("SplitTabs");
        stage.setWidth(700);
        stage.setHeight(500);

        //Setup Center and Right
        TabPaneWrapper wrapper = new TabPaneWrapper(Orientation.HORIZONTAL, .9);
        TabPane centerPane = new TabPane();
        centerPane.getTabs().addAll(generateTab("Tab 1"),generateTab("Tab 2"), generateTab("Tab 3"), generateTab("Tab N"));

        TabPane rightPane = new TabPane();
        rightPane.getTabs().addAll(generateTab("Tab 1"),generateTab("Tab 2"), generateTab("Tab 3"), generateTab("Tab N"));
        SplitPane.setResizableWithParent(rightPane, false);
        wrapper.addNodes(centerPane, rightPane);

        //Add bottom
        TabPane bottomPane = new TabPane();
        bottomPane.getTabs().addAll(generateTab("Tab 1"),generateTab("Tab 2"), generateTab("Tab 3"), generateTab("Tab N"));
        TabPaneWrapper wrapperBottom = new TabPaneWrapper(Orientation.VERTICAL, .7);
        wrapperBottom.addNodes(wrapper.getNode(), bottomPane);

        //Add left
        TabPane leftPane = new TabPane();
        leftPane.getTabs().addAll(generateTab("Tab 1"),generateTab("Tab 2"), generateTab("Tab 3"), generateTab("Tab N"));
        TabPaneWrapper wrapperleft = new TabPaneWrapper(Orientation.HORIZONTAL, .1);
        wrapperleft.addNodes(leftPane, wrapperBottom.getNode());

        Scene myScene = new Scene(wrapperleft.getNode());
        stage.setScene(myScene);
        stage.sizeToScene();
        stage.show();
    }

    public Tab generateTab(String name){
        Tab result = new Tab(name);
        BorderPane content = new BorderPane();
        TextArea text = new TextArea();
        content.setCenter(text);
        result.setContent(content);
        return result;
    }

    public static void main(String[] args){
        FXSplitTabs.launch(args);
    }

    public static class TabPaneWrapper{
        SplitPane split;

        public TabPaneWrapper(Orientation o, double splitLocation){
            split = new SplitPane();

            //Change the CSS (uncomment if using an external css)
            //split.getStylesheets().add("test.css");

            split.setOrientation(o);
            split.setDividerPosition(0, splitLocation);
        }

        public void addNodes(final Node node1, final Node node2){
            //Add to the split pane
            split.getItems().addAll(node1, node2);
        }

        public Parent getNode(){
            return split;
        }
    }

}

在此处输入图像描述

4

1 回答 1

1

我建议为您onDragDetected的onMouseDragReleased所有TabPanes. 

    TabPaneDrag drag = new TabPaneDrag();
    ...
    centerPane.setOnDragDetected(drag);
    centerPane.setOnMouseDragReleased(drag);
    ...
    rightPane.setOnDragDetected(drag);
    rightPane.setOnMouseDragReleased(drag);

在您的侦听器中，您可以跟踪哪个窗格开始拖动以及哪个窗格结束拖动（然后在必要时切换它们）。这是一个简单的例子（请注意，有一些特殊情况和扭结等我没有打扰 - 并且findWrapper()是一个返回TabPaneWrapper包含的方法TabPane）：

public class TabPaneDrag implements EventHandler<MouseEvent>{
    Node start;
    Node end;

    @Override
    public void handle(MouseEvent arg0) {
        if(arg0.getEventType().equals(MouseEvent.DRAG_DETECTED)){
            start = (Node)arg0.getSource();
            start.startFullDrag(); //allows events to fire on nodes besides source
        } else if(arg0.getEventType().equals(MouseDragEvent.MOUSE_DRAG_RELEASED)){
            end = (Node)arg0.getSource();
            if(end != start){
                ObservableList<Node> startWrapper = findWrapper(start).split.getItems();
                ObservableList<Node> endWrapper = findWrapper(end).split.getItems();
                int startIndex = startWrapper.indexOf(start);
                int endIndex = endWrapper.indexOf(end);

                // Remove/Add  the TabbedPanes to the new order
                endWrapper.remove(endIndex);
                startWrapper.remove(startIndex);

                startWrapper.add(startIndex, end);
                endWrapper.add(endIndex, start);

            }
            start = null;
            end = null;
        }
    }
}
于 2013-07-16T19:20:27.043 回答