JavaFX ProgressBar/ProgressIndicator：监听来自多个滑块的变化

Question

情况：有多个滑块 |希望进度条随着每个滑块的移动而改变。现在只有一个滑块会移动进度条，但文本字段会显示所有数据。

有没有更好的方法来做到这一点？

这是我的代码：

@FXML
ProgressIndicator pb;

@FXML
Slider slider1, slider2, slider3, slider4, slider5, slider6, slider7, slider8;

@Override
public void initialize(URL location, ResourceBundle resources) {

  field.textProperty().bind(Bindings.concat(
            slider1.valueProperty()
            .add(slider2.valueProperty()
            .add(slider3.valueProperty()
            .add(slider4.valueProperty()
            .add(slider5.valueProperty()
            .add(slider6.valueProperty()
            .add(slider7.valueProperty()
            .add(slider8.valueProperty())))))))));

       slider1.valueProperty().addListener(
            (ObservableValue<? extends Number> ov, Number old_val,
             Number new_val) -> {
                    //sets the Progress bar to new value
                pb.setProgress(new_val.doubleValue());


            });
            }

        }

slider example

Answer 1

您可以简单地将ProgressIndicator 的progressProperty 绑定到Sliders 的valueProperty，同时记住指标的progressProperty 的边界是0 到1：

0 到 1 之间的正值表示进度百分比 其中 0 为 0%，1 为 100%。

一个例子：

Slider slider1 = new Slider(0d, 1d, 0d);
Slider slider2 = new Slider(0d, 1d, 0d);
Slider slider3 = new Slider(0d, 1d, 0d);
Slider slider4 = new Slider(0d, 1d, 0d);

ProgressIndicator pi = new ProgressIndicator();

pi.progressProperty().bind(slider1.valueProperty().divide(4d).add(slider2.valueProperty().divide(4d))
        .add(slider3.valueProperty().divide(4d)).add(slider4.valueProperty().divide(4d)));

VBox vbox = new VBox();
vbox.getChildren().addAll(slider1, slider2, slider3, slider4, pi);

这将产生如下内容：

注意：如果将Sliders的边界从0更新到0.25，绑定就更简单了：

Slider slider1 = new Slider(0d, 0.25d, 0d);
Slider slider2 = new Slider(0d, 0.25d, 0d);
Slider slider3 = new Slider(0d, 0.25d, 0d);
Slider slider4 = new Slider(0d, 0.25d, 0d);

ProgressIndicator pi = new ProgressIndicator();

pi.progressProperty().bind(slider1.valueProperty().add(slider2.valueProperty())
        .add(slider3.valueProperty()).add(slider4.valueProperty()));