java - JavaFX:AnimationTimer和MenuBar之间的交互

我正在开发一种从相机获取图像并将其实时显示在JavaFX ImageView中的软件。我有一个线程获取最后一个图像(在本例中为BufferedImage)，以及一个将其分配给AnimationTimer的ImageView。我继续使用AnimationTimer的原因是，似乎比每次获取新图像时都要在Runnable中填充平台要好。刷新效果很好，FPS也不错。

但是，我注意到在运行AnimationTimer时，软件中的菜单栏未正确显示。当我将鼠标悬停在其他菜单上时，某些菜单项丢失了。这张图片解释了它:

左侧是菜单通常的外观，右侧是AnimationTimer运行时的外观。如您所见，“保存”菜单项丢失了，而是显示了我的实时图像的背景。而且，当我打开一个新窗口(在新的Scene上)时，当我将鼠标悬停在任何一种Node(按钮，复选框...)上时，背景变成黑色。我可以通过在初始化Scene时将depth-buffer布尔值设置为true来解决此问题。但是我不知道如何解决此菜单栏错误，我认为这些错误表明我在做什么可能不正确。

我当时在想JavaFX应用程序线程可能已经充满了要显示的新图像，并且绘制其他元素(例如菜单项)基本上花费了太多时间。

问题:

这真的是错误源于何处？

是否可以使用与AnimationTimer不同的方法来改进我的代码？

这是重现该错误的代码段。将启动函数中的两个字符串更改为图像的路径。图像应相对较大(几个MB)。

单击“开始”按钮以启动动画计时器。然后尝试打开“文件”菜单，然后将鼠标悬停在菜单项上。该错误不会系统地出现，请尝试重复上下移动鼠标，该错误应在某个时候出现。

import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.util.logging.Level;
import java.util.logging.Logger;
import javafx.animation.AnimationTimer;
import javafx.application.Application;
import javafx.embed.swing.SwingFXUtils;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Menu;
import javafx.scene.control.MenuBar;
import javafx.scene.control.MenuItem;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.Pane;
import javafx.stage.Stage;
import javax.imageio.ImageIO;

public class ImageRefresher extends Application {

    @Override
    public void start(Stage primaryStage) {

        //Here change the 2 Strings to a path to an image on your HDD
        //The bug appears more easily with large images (>3-4MB)
        String pathToImage1 = "/path/to/your/first/image";
        String pathToImage2 = "/path/to/your/second/image";

        try {
            //Image content (contains buffered image, see below)
            ImageContent image = new ImageContent(pathToImage1);

            //If this line is commented, the bug does not appear
            image.setImage(ImageIO.read(new File(pathToImage2)));

            //JavaFX class containing nodes (see below)
            MainWindow window = new MainWindow(image);

            Scene scene = new Scene(window.getPane(), 300, 250);
            primaryStage.setTitle("Menu refresh");
            primaryStage.setScene(scene);
            primaryStage.show();
        } catch (IOException ex) {
            Logger.getLogger(ImageRefresher.class.getName()).log(Level.SEVERE, null, ex);
        }

    }

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

    public class MainWindow {

        private BorderPane pane;
        private MenuBar menuBar;
        private ImageView displayImage;
        private Button startRefreshingButton;

        private ImageContent imageContent;
        private AnimationTimer animationTimer;

        public MainWindow(ImageContent imageContent) {
            this.imageContent = imageContent;

            //Builds the window's components
            buildGraphic();

            //The image is reset at each frame
            animationTimer = new AnimationTimer() {
                @Override
                public void handle(long now) {
                    displayImage.setImage(imageContent.getDisplayableImage());
                }
            };
        }

        private void buildGraphic() {
            pane = new BorderPane();
            menuBar = new MenuBar();

            Menu menu = new Menu("File");
            menu.getItems().addAll(new MenuItem("Save"),
                    new MenuItem("Open"),
                    new MenuItem("Close"));
            menuBar.getMenus().add(menu);

            displayImage = new ImageView();

            startRefreshingButton = new Button("Start");
            startRefreshingButton.setOnAction((event) -> {
                animationTimer.start();
            });

            pane.setTop(menuBar);
            pane.setCenter(displayImage);
            pane.setBottom(startRefreshingButton);
        }

        public Pane getPane() {
            return pane;
        }
    }

    public class ImageContent {

        private BufferedImage imageContent;

        //Initializes bufferedimage with the path specified
        public ImageContent(String pathToImage) throws IOException {
            imageContent = ImageIO.read(new File(pathToImage));
        }

        public void setImage(BufferedImage newImage) {
            imageContent = newImage;
        }

        //Function called by the animation timer to
        //get a JavaFX image from a bufferedimage
        public Image getDisplayableImage() {
            return SwingFXUtils.toFXImage(imageContent, null);
        }
    }
}

最佳答案

我想问题是，由于您要在每帧上重新绘制图像，所以您会在菜单弹出窗口上覆盖图像。这似乎是一个错误，但是您还需要从FX Application Thread请求更多的工作。

理想情况下，您应该找到一种方法来检查是否确实有新映像，并且仅在确实有新文件的情况下才更新映像。 (考虑使用java.nio.file.Path表示文件并调用Files.getLastModifiedTime(path)。)

另一种避免过多的Platform.runLater(...)调用淹没FX Application线程的方法，请参阅Throttling javafx gui updates

关于java - JavaFX:AnimationTimer和MenuBar之间的交互，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23593164/