JavaFX SplitPane Divider拖拽hover颜色闪烁，求全程保持的实现方法

纯CSS实现的局限 #

JavaFX的SplitPane Divider目前没有专门对应拖拽状态的CSS伪类（:focused或:selected对Divider不生效），仅靠CSS无法实现拖拽全程保持hover颜色——拖拽时光标位置和Divider的视觉位置会短暂错位，导致hover伪类频繁触发/取消，进而产生闪烁。

替代方案：通过Java代码监听拖拽事件 #

可以通过监听SplitPane的拖拽相关事件，手动控制Divider的背景色，确保拖拽全程保持目标颜色：

实现步骤 #

1. 获取SplitPane的所有Divider
2. 为SplitPane添加dividerDragStarted、dividerDragFinished事件监听器
3. 在拖拽开始时给Divider设置hover颜色，拖拽结束后恢复原颜色

示例代码（硬编码样式） #

SplitPane splitPane = new SplitPane();
// 获取所有Divider
List<SplitPane.Divider> dividers = splitPane.getDividers();

// 拖拽开始时设置hover颜色
splitPane.addEventHandler(SplitPane.DIVIDER_DRAG_STARTED_EVENT, event -> {
    for (SplitPane.Divider divider : dividers) {
        divider.setStyle("-fx-background-color: lightblue;");
    }
});

// 拖拽结束后恢复透明背景
splitPane.addEventHandler(SplitPane.DIVIDER_DRAG_FINISHED_EVENT, event -> {
    for (SplitPane.Divider divider : dividers) {
        divider.setStyle("-fx-background-color: transparent;");
    }
});

// 保留原有的hover效果（非拖拽时的hover）
splitPane.setStyle("""
    .split-pane:horizontal > .split-pane-divider {
        -fx-background-color: transparent;
    }
    .split-pane:horizontal > .split-pane-divider:hover {
        -fx-background-color: lightblue;
    }
""");

优化方案（结合CSS类管理样式） #

如果不想硬编码样式，可以定义CSS类，通过切换类来控制样式：

1. 在CSS文件中定义类：

.split-pane-divider-transparent {
    -fx-background-color: transparent;
}
.split-pane-divider-hover {
    -fx-background-color: lightblue;
}

2. Java代码中切换类：

SplitPane splitPane = new SplitPane();
List<SplitPane.Divider> dividers = splitPane.getDividers();

// 初始化时给Divider添加透明类
for (SplitPane.Divider divider : dividers) {
    divider.getStyleClass().add("split-pane-divider-transparent");
}

// 拖拽开始时切换到hover类
splitPane.addEventHandler(SplitPane.DIVIDER_DRAG_STARTED_EVENT, event -> {
    for (SplitPane.Divider divider : dividers) {
        divider.getStyleClass().remove("split-pane-divider-transparent");
        divider.getStyleClass().add("split-pane-divider-hover");
    }
});

// 拖拽结束后切回透明类
splitPane.addEventHandler(SplitPane.DIVIDER_DRAG_FINISHED_EVENT, event -> {
    for (SplitPane.Divider divider : dividers) {
        divider.getStyleClass().remove("split-pane-divider-hover");
        divider.getStyleClass().add("split-pane-divider-transparent");
    }
});

这种方式既保留了CSS的样式管理优势，又通过代码解决了拖拽时的颜色闪烁问题。

内容的提问来源于stack exchange，提问作者Trizion