JavaFX实现Slider点击轨道时±10步长调整（仿JSlider功能）

嘿，我明白你的需求——想要点击Slider轨道右侧时滑块加10，左侧时减10，但默认的Slider行为是直接跳到点击位置，所以你的现有代码没达到预期。别担心，咱们自定义鼠标事件处理就能搞定！

问题根源 #

默认情况下，JavaFX的Slider点击轨道时，会直接将滑块移动到点击位置对应的数值，而不是按照blockIncrement的数值来增减。所以咱们需要手动监听鼠标点击事件，自己判断点击位置并调整数值。

完整解决方案代码 #

你可以保留原来的Slider初始化代码，然后添加鼠标点击事件的处理逻辑：

Slider betSlider = new Slider(0, 1000, 100);
betSlider.setMinorTickCount(0);
betSlider.setMajorTickUnit(10);
betSlider.setBlockIncrement(10);
betSlider.setSnapToTicks(true);
container.getChildren().add(betSlider);

// 自定义鼠标点击轨道的处理逻辑
betSlider.setOnMouseClicked(event -> {
    double currentValue = betSlider.getValue();
    // 将点击的像素位置转换为对应的Slider数值
    double clickPositionValue = betSlider.getValueForPosition(event.getX() / betSlider.getWidth());

    // 判断点击位置在滑块的右侧还是左侧
    if (clickPositionValue > currentValue) {
        // 点击右侧，增加10（即blockIncrement的值），同时不超过最大值
        betSlider.setValue(Math.min(currentValue + betSlider.getBlockIncrement(), betSlider.getMax()));
    } else if (clickPositionValue < currentValue) {
        // 点击左侧，减少10，同时不低于最小值
        betSlider.setValue(Math.max(currentValue - betSlider.getBlockIncrement(), betSlider.getMin()));
    }
    // 点击滑块本身时，clickPositionValue和currentValue几乎相等，不会触发增减，符合预期
});

代码逻辑说明 #

1. 获取点击位置对应的数值：用getValueForPosition方法把鼠标点击的相对像素位置（event.getX()除以Slider宽度）转换成Slider的理论数值。
2. 判断左右方向：对比这个理论数值和当前滑块值，就能知道点击的是滑块左侧还是右侧。
3. 安全调整数值：用Math.min和Math.max确保调整后的数值不会超出Slider的min和max范围，避免出现异常值。
4. 兼容滑块点击：如果点击的是滑块本身，理论数值和当前值几乎一致，不会触发增减操作，不影响正常拖动滑块的功能。

这样修改后，点击轨道右侧滑块就会增加10，左侧减少10，完全符合你的需求啦！

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