在 ListView 中选择项目的问题 - JavaFX

Question

我写了如下方法，用来当我按下按钮时做出反应：

private void handlePlayButton(ActionEvent e){
    for (int i = 0; i < commands.size(); i++) {
        list.getSelectionModel().select(i);

        try {
            Thread.sleep(1000);
        } catch (InterruptedException ie){
            System.out.println("Error at handlPlayButton: interruption");
        }

    }

}

在这段代码中，我尝试从第一行开始选择每个元素，然后等待 1 秒来选择下一个元素，但它似乎等待 n-1 秒（其中 n 是项目的大小），然后选择最后一项。有没有办法解决这个问题？

顺便说一下，list 字段是 ListView<String>。

Answer 1

这个问题比较晦涩难懂，所以我认为该解决方案不会普遍适用于其他任何人。基本解决方案是当用户在 UI 中按下“循环”按钮时，使用时间轴自动更新 ListView 中的选择。

还有一些额外的逻辑来处理边缘情况，例如如果用户在循环进行时修改了选择，或者如果用户重新启动循环过程，该怎么办。如果用户点击当前选择的项目，自动循环不会停止，所以如果他采用类似的解决方案，原始提问者可能希望添加一些他自己的代码来做到这一点。

还有一些将 ImageViews 放置在 ListView 中的逻辑，但这不是应用程序的核心，对于存储在 ListView 中使用的更常见的类型（例如字符串）可以忽略。 ImageView 相关的东西只是为了让应用看起来更好一点。

import javafx.animation.*;
import javafx.application.Application;
import javafx.collections.*;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.image.*;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import javafx.util.Duration;

import java.util.Arrays;
import java.util.stream.Collectors;

public class RotatingSushiMenu extends Application {

    private static final Duration AUTO_CHANGE_PAUSE = Duration.seconds(2);

    private boolean autoChange;

    @Override
    public void start(Stage stage) {
        ObservableList<Image> images = FXCollections.observableList(
                Arrays.stream(IMAGE_LOCS)
                        .map(Image::new)
                        .collect(Collectors.toList())
        );

        ListView<Image> list = new ListView<>(FXCollections.observableList(images));
        list.setCellFactory(param -> new ImageListCell());

        Timeline timeline = new Timeline(
                new KeyFrame(Duration.ZERO),
                new KeyFrame(
                        AUTO_CHANGE_PAUSE,
                        e -> {
                            int curIdx = list.getSelectionModel().getSelectedIndex();
                            if (curIdx < list.getItems().size() - 1) {
                                autoChange = true;
                                list.scrollTo(curIdx + 1);
                                list.getSelectionModel().select(curIdx + 1);
                                autoChange = false;
                            }
                        }
                )
        );
        timeline.setCycleCount(list.getItems().size());

        Button cycle = new Button("Cycle");
        cycle.setOnAction(event -> {
            if (list.getItems().size() > 0) {
                list.scrollTo(0);
                list.getSelectionModel().select(0);
                timeline.playFromStart();
            }
        });

        list.getSelectionModel().getSelectedItems().addListener((ListChangeListener<Image>) c -> {
            if (!autoChange) {
                timeline.stop();
            }
        });

        VBox layout = new VBox(10, cycle, list);
        layout.setPadding(new Insets(10));
        stage.setScene(new Scene(layout));
        stage.show();
    }

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

    private class ImageListCell extends ListCell<Image> {
        final ImageView imageView = new ImageView();

        ImageListCell() {
            setContentDisplay(ContentDisplay.GRAPHIC_ONLY);
        }

        @Override
        protected void updateItem(Image item, boolean empty) {
            super.updateItem(item, empty);

            if (empty || item == null) {
                imageView.setImage(null);
                setText(null);
                setGraphic(null);
            }

            imageView.setImage(item);
            setGraphic(imageView);
        }
    }

    // image license: linkware - backlink to http://www.fasticon.com
    private static final String[] IMAGE_LOCS = {
            "http://icons.iconarchive.com/icons/fasticon/fish-toys/128/Blue-Fish-icon.png",
            "http://icons.iconarchive.com/icons/fasticon/fish-toys/128/Red-Fish-icon.png",
            "http://icons.iconarchive.com/icons/fasticon/fish-toys/128/Yellow-Fish-icon.png",
            "http://icons.iconarchive.com/icons/fasticon/fish-toys/128/Green-Fish-icon.png"
    };
}