滑块与进度条JavaFX的混合

发布时间：2020-12-15 00:08:07 所属栏目：Java 来源：网络整理

导读：我想在滑块上点击ProgressBar.并学习一定比例的赛道. 我会使用滑块代替进度条,但它没有突出显示的轨道,直到拇指. 我需要创建类似于播放歌曲的音乐播放器中的进展,以及通过点击进度来寻找的可能性. 有人有提示我该怎么办？解决方法这是另一种方法.滑块和进

我想在滑块上点击ProgressBar.并学习一定比例的赛道.
我会使用滑块代替进度条,但它没有突出显示的轨道,直到拇指.

我需要创建类似于播放歌曲的音乐播放器中的进展,以及通过点击进度来寻找的可能性.

有人有提示我该怎么办？

解决方法

这是另一种方法.滑块和进度条真正的混合:).认识SlidoProgressBar！

public class SlidoProgressBarDemo extends Application {

    @Override
    public void start(Stage stage) {
        Group root = new Group();
        Scene scene = new Scene(root);
        scene.getStylesheets().add(this.getClass().getResource("style.css").toExternalForm());
        stage.setScene(scene);
        stage.setTitle("Progress Controls");

        double sliderWidth = 200;

        final Slider slider = new Slider();
        slider.setMin(0);
        slider.setMax(50);
        slider.setMinWidth(sliderWidth);
        slider.setMaxWidth(sliderWidth);

        final ProgressBar pb = new ProgressBar(0);
        pb.setMinWidth(sliderWidth);
        pb.setMaxWidth(sliderWidth);

        final ProgressIndicator pi = new ProgressIndicator(0);

        slider.valueProperty().addListener(new ChangeListener<Number>() {
            public void changed(ObservableValue<? extends Number> ov,Number old_val,Number new_val) {
                pb.setProgress(new_val.doubleValue() / 50);
                pi.setProgress(new_val.doubleValue() / 50);
            }
        });

        StackPane pane = new StackPane();

        pane.getChildren().addAll(pb,slider);

        final HBox hb = new HBox();
        hb.setSpacing(5);
        hb.setAlignment(Pos.CENTER);
        hb.getChildren().addAll(pane,pi);

        scene.setRoot(hb);
        stage.show();
    }

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

使用style.css：

.slider .track {
    -fx-background-color:null;  /* Hide the track */
    -fx-background-insets: 1 0 -1 0,1;
    -fx-background-radius: 2.5,2.5,1.5;
    -fx-padding: 0.208333em; /* 2.5 */
}

基本逻辑是将滑块和进度放入堆栈窗格.给它们相同的宽度.绑定它们的进度值.隐藏滑块的轨道.输出：

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!