javafx - 在 JAVAFX 中处理时显示 gif 动画弹出窗口

Question

我的一个 Controller 中有一个方法，需要几秒钟的时间来处理。我希望在发生这种情况时弹出 gif 动画，但我只得到静态图像。这是我的代码:

@FXML
public void search(ActionEvent e) {


    final Stage dialog = new Stage();
    Group popup = new Group();
    Image image = new Image("file:resources/images/bender.gif");
    ImageView view = new ImageView(image);
    popup.getChildren().add(view);
    Scene dialogScene = new Scene(popup);
    dialog.setScene(dialogScene);
    dialog.show();

    Platform.runLater(new Runnable() {

        @Override
        public void run() {

            Match msg = stablishSearchConditions();
            TreeItem<String> root = new TreeItem<>("ROOT");
            int indexName = 1;
            String mensaje = "Mensaje ";
            treeLabelResults.setText("");
            arbol.setRoot(root);

            for (Match message : msg.each()) {

                TreeItem<String> nodo = new TreeItem<String>(mensaje + indexName);
                root.getChildren().add(nodo);
                root.setExpanded(true);
                String mens = message.getMessage();
                TreeItem<String> nodo2 = new TreeItem<String>(mens);
                nodo.getChildren().add(nodo2);

                indexName++;
            }
            dialog.close();
        }
    });

}

Answer 1

您正在通过在该线程上运行昂贵的操作来阻塞FX应用程序线程。这会阻止您的 UI 更新，包括 GIF 动画。

将昂贵的操作移至非应用程序线程，并仅使用 Platform.runLater() 来“提交”UI 更新:

Runnable expensiveTask = () -> {
    // expensive operations that should not run on the application thread
    Match msg = stablishSearchConditions();
    TreeItem<String> root = new TreeItem<>("ROOT");
    int indexName = 1;
    String mensaje = "Mensaje ";

    for (Match message : msg.each()) {
        TreeItem<String> nodo = new TreeItem<String>(mensaje + indexName);
        root.getChildren().add(nodo);
        root.setExpanded(true);
        String mens = message.getMessage();
        TreeItem<String> nodo2 = new TreeItem<String>(mens);
        nodo.getChildren().add(nodo2);

        indexName++;
    }

    // update ui -> application thread
    Platform.runLater(() -> {
        treeLabelResults.setText("");
        arbol.setRoot(root);
        dialog.close();
    });
};

// start new thread for expensiveTask
new Thread(expensiveTask).start();