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

时间:2017-05-22 14:51:17

标签: java javafx javafx-8 fxml scenebuilder

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

隔离的代码已经过测试并且工作正常,我尝试将其集成到我现有的界面中,它只是一直失败。没有错误信息,没有。 我已经开始在命令周围放置println,并且#34;工作"。

这是我的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>

控制器中的代码 - 初始化程序在此处不显示该版本中的任何图片。然而,如果我在原始文件中执行相同操作:

@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");
        } 
    }

事件处理程序在该动作事件上完美运行 - 但它对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)

1 个答案:

答案 0 :(得分:2)

从不初始化带注释的字段@FXML。您正在更改您在ImageView方法中创建的initialize()的图像,而不是在FXML文件中创建的图像。显然,在FXML文件中创建的那个是实际显示在UI中的那个,并且你在initialize()方法中创建的那个永远不会显示(你从不把它放在任何地方的场景图中);因此您要更改未显示的图像视图的图像。

更改

iv_main = new ImageView(image);

iv_main.setImage(image);