当前位置: 首页 > 知识库问答 >
问题:

在JavaFX SplitPane上设置OneTouchExplandable按钮

柯正谊
2023-03-14

对于我的JavaFX GUI,我必须使用一些拆分窗格。但是出现了一个问题:我必须使用户单击拆分窗格上的按钮时,此拆分窗格会隐藏其中一个侧面窗格,并且需要再单击一次才能将此侧窗格重置为可见。

我在这里发现了另一个和我一样的问题:我们能否在Javafx SplitPane上添加一个OneTouchExpansable按钮,比如swing JSplitPane,但这个按钮很老,除了“不,你不能”之外没有其他答案。

我希望有人知道如何使这成为可能,或者如何制作类似的东西。

谢谢大家!

共有1个答案

江礼骞
2023-03-14

我忍不住尝试了一下。这不是一个好的解决方案,因为它忽略了NodeOrientation,并且不支持可访问性(这意味着,除其他外,没有键盘控制)。此外,扩展按钮非常小,这使得它们难以点击。

但至少这是有意义的。也许有更多时间的人可以进一步改进它。

import java.util.Collection;
import java.util.Objects;

import javafx.application.Application;
import javafx.application.Platform;

import javafx.beans.binding.Bindings;
import javafx.beans.binding.DoubleBinding;
import javafx.beans.binding.DoubleExpression;

import javafx.geometry.Insets;
import javafx.geometry.Orientation;
import javafx.geometry.Pos;

import javafx.scene.Cursor;
import javafx.scene.Group;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.SplitPane;
import javafx.scene.effect.ColorAdjust;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.StackPane;
import javafx.scene.shape.Polygon;

import javafx.stage.Stage;

public class OneTouchExpandable
extends Application {

    /**
     * Node properties key whose value is the saved divider position
     * just before user's one-touch-expand action is executed.
     */
    private static final Object ORIGINAL_POSITION = 
        OneTouchExpandable.class.getName() + ".originalPosition";

    /**
     * Percentage of divider thickness which one-touch button takes up,
     * as a value from 0.0 to 1.0.
     */
    private static final double ARROW_THICKNESS = 0.60;

    /**
     * Delta for comparing divider position (a double) with the min and max
     * divider values, which in practice do not reach 0.0 or 1.0.
     */
    private static final double END_TOLERANCE = 0.01;

    /**
     * Adds one-touch-expand buttons to a SplitPane's first divider.
     */
    public static void addOneTouchExpansion(SplitPane pane) {

        StackPane divider = (StackPane) pane.lookup(".split-pane-divider");
        Objects.requireNonNull(divider, "SplitPane's divider not present!"
            + " (you probably need to call this method from within"
            + " Platform.runLater)");

        DoubleBinding dividerPosition = Bindings.selectDouble(
            Bindings.valueAt(pane.getDividers(), 0), "position");

        Button colorSource = new Button();
        ColorAdjust disabledColor = new ColorAdjust(0, 0, 0.5, 0);

        BorderPane expander = new BorderPane();
        if (pane.getOrientation() == Orientation.VERTICAL) {
            DoubleExpression scale =
                divider.heightProperty().multiply(ARROW_THICKNESS);
            DoubleExpression indent =
                divider.heightProperty().multiply((1 - ARROW_THICKNESS) / 2);

            Polygon upArrow = new Polygon(1, 0, 0, 1, 2, 1);
            upArrow.setCursor(Cursor.DEFAULT);
            upArrow.fillProperty().bind(colorSource.textFillProperty());
            upArrow.scaleXProperty().bind(scale);
            upArrow.scaleYProperty().bind(scale);
            upArrow.disableProperty().bind(
                dividerPosition.isEqualTo(0, END_TOLERANCE));
            upArrow.effectProperty().bind(
                Bindings.when(upArrow.disabledProperty())
                    .then(disabledColor).otherwise((ColorAdjust) null));
            upArrow.setOnMouseClicked(e -> setDividerPosition(pane, 0));

            Polygon downArrow = new Polygon(1, 1, 0, 0, 2, 0);
            downArrow.setCursor(Cursor.DEFAULT);
            downArrow.fillProperty().bind(colorSource.textFillProperty());
            downArrow.scaleXProperty().bind(scale);
            downArrow.scaleYProperty().bind(scale);
            downArrow.translateXProperty().bind(scale.multiply(2).add(3));
            downArrow.disableProperty().bind(
                dividerPosition.isEqualTo(1, END_TOLERANCE));
            downArrow.effectProperty().bind(
                Bindings.when(downArrow.disabledProperty())
                    .then(disabledColor).otherwise((ColorAdjust) null));
            downArrow.setOnMouseClicked(e -> setDividerPosition(pane, 1));

            Group expandButtonsPane = new Group(upArrow, downArrow);
            expandButtonsPane.translateYProperty().bind(indent);

            expander.setLeft(expandButtonsPane);
        } else {
            DoubleExpression scale =
                divider.widthProperty().multiply(ARROW_THICKNESS);
            DoubleExpression indent =
                divider.widthProperty().multiply((1 - ARROW_THICKNESS) / 2);

            Polygon leftArrow = new Polygon(0, 1, 1, 0, 1, 2);
            leftArrow.setCursor(Cursor.DEFAULT);
            leftArrow.fillProperty().bind(colorSource.textFillProperty());
            leftArrow.scaleXProperty().bind(scale);
            leftArrow.scaleYProperty().bind(scale);
            leftArrow.disableProperty().bind(
                dividerPosition.isEqualTo(0, END_TOLERANCE));
            leftArrow.effectProperty().bind(
                Bindings.when(leftArrow.disabledProperty())
                    .then(disabledColor).otherwise((ColorAdjust) null));
            leftArrow.setOnMouseClicked(e -> setDividerPosition(pane, 0));

            Polygon rightArrow = new Polygon(1, 1, 0, 0, 0, 2);
            rightArrow.setCursor(Cursor.DEFAULT);
            rightArrow.fillProperty().bind(colorSource.textFillProperty());
            rightArrow.scaleXProperty().bind(scale);
            rightArrow.scaleYProperty().bind(scale);
            rightArrow.translateYProperty().bind(scale.multiply(2).add(3));
            rightArrow.disableProperty().bind(
                dividerPosition.isEqualTo(1, END_TOLERANCE));
            rightArrow.effectProperty().bind(
                Bindings.when(rightArrow.disabledProperty())
                    .then(disabledColor).otherwise((ColorAdjust) null));
            rightArrow.setOnMouseClicked(e -> setDividerPosition(pane, 1));

            Group expandButtonsPane = new Group(leftArrow, rightArrow);
            expandButtonsPane.translateXProperty().bind(indent);

            expander.setTop(expandButtonsPane);
        }

        divider.getChildren().add(expander);
    }

    /**
     * Checks whether double values are nearly equal.
     */
    private static boolean isNearly(double value,
                                    double target) {
        return (Math.abs(target - value) < END_TOLERANCE);
    }

    /**
     * Executes a one-touch expansion/contraction.
     *
     * @param pane SplitPane to perform expansion on
     * @param end farthest divider position in direction of expansion,
     *            either 0 or 1
     */
    private static void setDividerPosition(SplitPane pane,
                                           double end) {
        double oldPosition = pane.getDividers().get(0).getPosition();
        double start = 1 - end;
        if (isNearly(oldPosition, start)) {
            Object savedPosition = pane.getProperties().get(ORIGINAL_POSITION);
            if (savedPosition instanceof Number) {
                pane.setDividerPosition(0,
                    ((Number) savedPosition).doubleValue());
            } else {
                pane.setDividerPosition(0, 0.5);
            }
        } else if (!isNearly(oldPosition, end)) {
            pane.getProperties().put(ORIGINAL_POSITION, oldPosition);
            pane.setDividerPosition(0, end);
        }
    }

    /**
     * Displays test window.  Invoke application with 'vertical' as first
     * command-line argument to use a vertical SplitPane.
     */
    @Override
    public void start(Stage stage) {
        Node child1 = createChild("Child 1");
        Node child2 = createChild("Child 2");

        SplitPane pane = new SplitPane(child1, child2);

        Collection<String> params = getParameters().getUnnamed();
        if (params.stream().anyMatch(s -> s.matches("[Vv].*"))) {
            pane.setOrientation(Orientation.VERTICAL);
        }

        Platform.runLater(() -> addOneTouchExpansion(pane));

        stage.setTitle("One-Touch Expandable Demo");
        stage.setScene(new Scene(pane));
        stage.show();
    }

    /**
     * Creates a SplitPane child for test window.
     *
     * @param text text to show in node
     */
    private static Node createChild(String text) {
        Label label = new Label(text);
        label.setAlignment(Pos.CENTER);

        label.setMinWidth(0);
        label.setMinHeight(0);
        label.setMaxWidth(10000);
        label.setMaxHeight(10000);

        Label sizer = new Label(text);
        sizer.setVisible(false);
        sizer.setPadding(new Insets(100));

        sizer.setMinWidth(0);
        sizer.setMinHeight(0);
        sizer.setMaxWidth(10000);
        sizer.setMaxHeight(10000);

        StackPane pane = new StackPane(label, sizer);

        return pane;
    }
}
 类似资料:
  • Since 8.0 setOptionMenu 设置标题栏右边的按钮属性。 该接口仅负责设置,需要额外调用showOptionMenu保证该按钮的显示。 注意:由于苹果的ATS限制,icon URL必须为https链接或base64,http链接会被忽略 使用方法 AlipayJSBridge.call('setOptionMenu', { title : '按钮', // 与icon、ic

  • 问题内容: 我不知道如何在按钮上设置背景渐变(不使背景渐变成为图像)。这与Android截然不同。 这是我必须定义一个可返回的渐变方案的类: 我可以使用以下方法设置整个视图的背景: 但是,如何访问按钮的视图并插入子层或类似内容? 问题答案: 您的代码工作正常。您只需要记住每次都要设置渐变的帧。最好仅使渐变类别也为您设置视图的框架。 这样,您就不会忘记,它也很好。 按钮是视图。对其应用渐变的方式与将

  • 问题内容: 我只是编写了一个代码(使用TKinter)创建一个窗口并显示一个工作按钮。 但是我想在这个按钮下面有多个按钮。 如何设置按钮的行和列?我尝试添加,但是那行不通。 谢谢 问题答案: Astynax是正确的。要遵循您给出的示例: 应该创建3行按钮。使用网格比使用包好得多。但是,如果在一个按钮上使用网格,而在另一按钮上使用网格,则将不起作用,并且会出现错误。

  • 我想通过编程设置单选按钮的色调。在xml中,有一个名为“buttonint”的属性来完成这项工作。但在程序中,我找不到任何方法来设置单选按钮的色调或颜色。有什么方法可以做到这一点吗?

  • 在我的活动中,我有一个listview和一个按钮。每一个都有各自的目的。 我的listview显示另一个活动中的项目详细信息。 问题是如何在相同的活动中为按钮实现onClickListener?

  • 问题内容: 我正在动态创建按钮。我首先使用XML设置了样式,然后尝试使用下面的XML使其具有程序性。 这是我到目前为止所拥有的。除了可绘制对象,我可以做所有事情。 问题答案: 你可以使用该方法执行此操作。请参阅此处的示例。我在不使用的情况下使用了它,并且效果很好。你可以尝试任何一种方式。 更新:如果链接断开,请在此处复制代码 要么 要么