Как настроить две вертикальные разделенные панели, чтобы перетаскивание одной не влияло на другую?

Question

Я пытаюсь настроить интерфейс с тремя разделенными панелями. Первые два - это вертикальные панели слева и справа от экрана. Одна сторона каждого разделения имеет область заголовка. Пользователь может выбирать элементы из этих панелей для включения в поля в центральной панели. Есть также горизонтальная панель внизу, которая не имеет отношения к этому вопросу.

Пользователь может открыть эти боковые панели, перетаскивая вертикальные разделители или нажав соответствующую кнопку переключения (Фильмы, Книги и т. Д.), Чтобы отобразить эту панель.

У меня проблема в том, что я хочу сделать так, чтобы перетаскивание одного вертикального разделителя не перемещало другой. Однако, поскольку я не могу найти способ настроить это, не помещая одну из вертикальных разделенных панелей в другую вертикальную панель, это всегда приводит к ситуации, когда перемещение одного из разделителей также перемещает другой. Например, в случае приведенного ниже кода перемещение вертикального разделителя для левой разделенной панели ("Фильмы") приводит к перемещению правого вертикального разделителя.

Может кто-нибудь помочь с этим?

package pane2;

import javafx.event.EventHandler;
import javafx.geometry.Orientation;
import javafx.application.*; 
import javafx.beans.property.DoubleProperty;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.stage.*; 
import javafx.scene.*; 
import javafx.scene.layout.*; 
import javafx.scene.control.*; 
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.TitledPane;
import javafx.scene.input.*;
import javafx.stage.Stage;

public class Pane2 extends Application {

SplitPane rightSplit;
DoubleProperty rightSplitDividerPos;
TitledPane books;
ToggleButton selectBooks;
VBox booksBox;
VBox centre;

SplitPane leftSplit;
DoubleProperty leftSplitDividerPos;
TitledPane films;
ToggleButton selectFilms;
VBox filmsBox;
VBox centreLeft;

SplitPane mainSplit;
DoubleProperty mainSplitDividerPos;
TitledPane arts;
ToggleButton selectArts;
VBox artsBox;

BorderPane root;


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

 @Override
    public void start(Stage primaryStage) {
        primaryStage.setTitle("Test");

        //Create right-hand titled pane for the books list and centre it in Vbox
        books = new TitledPane();
        books.setText("Books");
        books.setMinWidth(0);
        booksBox = new VBox(0,books);

        //Create central pane and add toggle buttons to open hidden panes on the
        //left, right, and bottom (films, books, and arts respectively)
        selectBooks = new ToggleButton("Books");
        selectFilms = new ToggleButton("Films");
        selectArts = new ToggleButton("Arts");
        centre = new VBox(100,selectBooks,selectFilms,selectArts);
        centre.setPrefWidth(1300);
        centre.setPrefHeight(750);

        //Create split pane to divide the central pane and books list
        rightSplit = new SplitPane();
        rightSplit.getItems().addAll(centre,booksBox);

        //Create left-hand titled pane for the films list and centre it in VBox
        films = new TitledPane();
        films.setText("Films");
        films.setMinWidth(0);
        filmsBox = new VBox(0,films);

        //Create split pane to divide the films list and the central pane
        leftSplit = new SplitPane();
        leftSplit.getItems().addAll(filmsBox,rightSplit);

        //Create mainSplit pane
        arts = new TitledPane();
        arts.setText("arts");
        arts.setMinHeight(0);
        artsBox = new VBox(0,arts);
        mainSplit = new SplitPane();
        mainSplit.setOrientation(Orientation.VERTICAL);
        mainSplit.getItems().addAll(leftSplit,artsBox);

        root = new BorderPane();        
        root.setCenter(mainSplit);

      //Set divider positions for the three dividers
        rightSplitDividerPos = rightSplit.getDividers().get(0).positionProperty();
        rightSplitDividerPos.set(1.0);
        leftSplitDividerPos = leftSplit.getDividers().get(0).positionProperty();
        leftSplitDividerPos.set(0.0);   
        mainSplitDividerPos = mainSplit.getDividers().get(0).positionProperty();
        mainSplitDividerPos.set(1.0);   

        //Start up scene and stage
        Scene scene = new Scene(root);
            primaryStage.setScene(scene);
            primaryStage.setMaximized(true);
            primaryStage.show();

        //Event - if the books toggle button is selected, the left divider will
        //move to the right to show the books selection pane
        selectBooks.setOnAction(event -> {
                if(selectBooks.isSelected()){
                leftSplitDividerPos.set(0.15);
                }
                if(!selectBooks.isSelected()){
                leftSplitDividerPos.set(0.0);

                }else{

                }

        });

      //Event - if the films toggle button is selected, the right divider will
        //move to the left to show the films selection pane
        selectFilms.setOnAction(event -> {
            if(selectFilms.isSelected()){
                rightSplitDividerPos.set(0.8);
            }
            if(!selectFilms.isSelected()){
                rightSplitDividerPos.set(1.0);

            }else{

            }

        });

      //Event - if the arts toggle button is selected, the bottom divider will
        //move up to show the arts selection pane
        selectArts.setOnAction(event -> {
            if(selectArts.isSelected()){
                mainSplitDividerPos.set(0.75);
            }
            if(!selectArts.isSelected()){
                mainSplitDividerPos.set(1.0);

            }else{

            }

        });    

    }

}

Answer 1

Вам действительно нужно 3 SplitPane в вашем макете? потому что я думаю, что вы можете достичь почти такого же результата только с 1 панели:

SplitPane split = new SplitPane();
VBox left = new VBox(new Label("left"));
left.setStyle("-fx-background-color: cadetblue");
VBox right = new VBox(new Label("right"));
right.setStyle("-fx-background-color: darkorange");
VBox center = new VBox(new Label("center"));
center.setStyle("-fx-background-color: darkgreen");
split.getItems().addAll(left, center, right);

split.setDividerPosition(0,1/(double)3);
split.setDividerPosition(1,2/(double)3);

Scene scene = new Scene(split, 600, 600);
primaryStage.setScene(scene);
primaryStage.show();

Вот ваш код реализован Пример:

@Override
public void start(Stage primaryStage) {
    primaryStage.setTitle("Test");

    //Create central pane and add toggle buttons to open hidden panes on the
    //left, right, and bottom (films, books, and arts respectively)
    ToggleButton selectBooks = new ToggleButton("Books");
    ToggleButton selectFilms = new ToggleButton("Films");
    ToggleButton selectArts = new ToggleButton("Arts");
    VBox centre = new VBox(100,selectBooks,selectFilms,selectArts);

    //Create left-hand titled pane for the films list and centre it in VBox
    TitledPane films = new TitledPane();
    films.setText("Films");
    VBox filmsBox = new VBox(films);

    //Create right-hand titled pane for the books list and centre it in Vbox
    TitledPane books = new TitledPane();
    books.setText("Books");
    VBox booksBox = new VBox(books);

    //Create mainSplit pane
    TitledPane arts = new TitledPane();
    arts.setText("arts");
    VBox artsBox = new VBox(arts);

    SplitPane mainSplit = new SplitPane();
    mainSplit.getItems().addAll(filmsBox, centre, booksBox);
    mainSplit.setDividerPosition(0,1/(double)12);
    mainSplit.setDividerPosition(1,11/(double)12);

    SplitPane root = new SplitPane();
    root.setOrientation(Orientation.VERTICAL);
    root.getItems().addAll(mainSplit, artsBox);
    root.setDividerPosition(0,0.9);
    root.setPrefWidth(1300);
    root.setPrefHeight(750);
    //Start up scene and stage
    Scene scene = new Scene(root);
    primaryStage.setScene(scene);
    primaryStage.setMaximized(true);
    primaryStage.show();
}