JavaFX ImageView (FXML) 不显示/更改图片

Question

我正在使用SceneBuilder来设计界面并使用代码here设置一个简单的 FileChooser 来打开和查看图片文件。

隔离的代码经过测试并且工作正常，我尝试将其集成到我现有的界面中，但它一直失败。没有错误消息，什么也没有。 我已经开始将 println 放在命令周围，一切都“有效”。

这是我的 GUI，到目前为止，设计工作正常(我刚刚开始使用 VBox 而不是常规的 Panel，因为我所有的尝试都失败了)

<HBox prefHeight="790.0" prefWidth="927.0" style="-fx-background-color: green;">
         <children>
            <VBox prefHeight="200.0" prefWidth="100.0">
               <children>
                  <ImageView fx:id="iv_main" fitHeight="473.0" fitWidth="462.0" pickOnBounds="true" preserveRatio="true" />
               </children>
            </VBox>
            <VBox prefHeight="790.0" prefWidth="236.0">
                <!-- And things inside -->
            </VBox>
         </children>
      </HBox>

Controller 中的代码 - 初始化程序不会在此处显示该版本中的任何图片。然而，如果我在原始文件中执行相同的操作，它就会起作用:

@FXML
    private ImageView iv_main;

    //I know this here looks nasty but I tried the path 1:1 in the
    //isolated version (even a different project) - but works 100%
    private String RESJPG = "/home/qohelet/NetBeansProjects/KV/src/main/resources/fxml/ahok.jpg";

    @Override
    public void initialize(URL url, ResourceBundle rb) {
        /*
        * In the original file here are two ObservableLists 
        * filled successfully. So I can assume the initialize-method works
        */

        btn_openFolder.setOnAction(btnLoadEventListener);            
        try {

        FileInputStream input = new FileInputStream(RESJPG);
        Image image = new Image(input);
            iv_main = new ImageView(image);
        } catch (FileNotFoundException|NullPointerException | java.lang.IllegalArgumentException nupo) {
            System.err.println(RESJPG + " not found");
        } 
    }

事件处理程序在该 Action 事件上工作得很好 - 但它对 ImageView 没有任何作用:

EventHandler<ActionEvent> btnLoadEventListener
            = new EventHandler<ActionEvent>() {
        @Override
        public void handle(ActionEvent t) {
            System.out.println("Click");
            FileChooser fileChooser = new FileChooser();

            //Set extension filter
            FileChooser.ExtensionFilter extFilterJPG = new FileChooser.ExtensionFilter("Bilddateien", "*.JPG", "*.jpg", "*.jpeg", "*.JPEG", "*.PNG", "*.png");
            fileChooser.getExtensionFilters().addAll(extFilterJPG);

            //Show open file dialog
            File file = fileChooser.showOpenDialog(null);
            System.out.println("File: " + file.getAbsolutePath());
            try {
                BufferedImage bufferedImage = ImageIO.read(file);
                Image image = SwingFXUtils.toFXImage(bufferedImage, null);
                iv_main.setImage(image);
                iv_main.setVisible(true); //In Swing you sometimes had to do that command - but here regardless if inserted or not, no changes
            } catch (IOException ex) {
                Logger.getLogger(FXMLController.class.getName()).log(Level.SEVERE, null, ex);
            }

        }
    };

我现在没有想法了...文件正确显示在控制台中，我保持干净并构建项目，移动 ImageView，这样它就不可能被另一个对象覆盖，但没有任何变化结果...

我什至尝试了这两种方法来更改图像(一旦启动，然后使用FileChooser) - 但什么也没有。

我做错了什么？

(与版本(com.sun.javafx.runtime.VersionInfo.getRuntimeVersion())相关，我正在使用:8.0.131-b11)

Answer 1

从不初始化带有 @FXML 注解的字段。您正在更改在 initialize() 方法中创建的 ImageView 图像，而不是在 FXML 文件中创建的图像。显然，在 FXML 文件中创建的才是实际显示在 UI 中的，而您在 initialize() 方法中创建的永远不会显示(您从未将其放入场景图中)任何地方)；因此您正在更改未显示的 ImageView 的图像。

改变

iv_main = new ImageView(image);

至

iv_main.setImage(image);