JavaFX更改imageView中的图像

基本上，我有一个方法将数据库中的图像加载到imageView中，还有第二个方法更改图像。我成功地运行了这两个方法，没有出现异常，但在changeImage（）方法中的setImage之后，我需要更新什么，以及如何更新（场景、阶段）。我知道在javafx中swing中没有像repaint（）这样的方法，那么我该如何处理呢？

public class MainMenuController implements Initializable {
    /**
     * Initializes the controller class.
     */
    @Override
    public void initialize(URL url, ResourceBundle rb) {
        // TODO
    }
    private AnchorPane stck1;
 @FXML
    private AnchorPane openSecondWindow(ActionEvent event) throws Exception {
        GUIController ctrl = new GUIController();
        Stage stage = new Stage();
       setStck1((AnchorPane) FXMLLoader.load(InteractiveFictionGame2.class.getResource("GUI.fxml")));
        ImageView img_1 = new ImageView(ctrl.loadImg().getImage());
        img_1.setPreserveRatio(true);
        img_1.setSmooth(true);
        img_1.setCache(true);
        getStck1().getChildren().add(img_1);
        Scene scene = new Scene(getStck1());
        stage.setTitle("Interactive Fiction Game");
        stage.setScene(scene);
         stage.setFullScreen(true);
       // stage.sizeToScene();
        stage.show();
       return getStck1();
    }



public class GUIController implements Initializable {
    @FXML
    private TabPane tb1;
    /**
     * Initializes the controller class.
     *
     * @param url
     */
    @Override
    public void initialize(URL url, ResourceBundle rb) {
        // TODO
    }
    @FXML
    private ImageView img_1;


 public ImageView loadImg() {
        try {
            con = DriverManager.getConnection(host, unm, pswrd);
            stmnt = con.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE, ResultSet.CONCUR_READ_ONLY);
            rs = stmnt.executeQuery(SQL);
            rs.next();
            fis = rs.getBinaryStream(4);
            imgt = javax.imageio.ImageIO.read(fis);
            Image newImg = SwingFXUtils.toFXImage(imgt, null);
            img_1 = new ImageView();
            img_1.setImage(newImg);
            rs.close();
            stmnt.close();
            con.close();
        } catch (Exception e) {
            System.out.println("Not working");
        }
        return img_1;
    }

public void changeImage() {
..
            fis = rs.getBinaryStream(1);
            imgt = javax.imageio.ImageIO.read(fis);
            Image newImg = SwingFXUtils.toFXImage(imgt, null);
            img_1.setImage(newImg);
...
 } catch (Exception e) {
            System.out.println("Not working");
        }
        return img_1;
    }

您的问题

如果您的控制器中有一个成员节点是使用@FXML注入的，则永远不应该使用new构造函数创建新的对象实例，并将该新对象分配给现有引用。相反，只需使用FXML为您创建的对象。

您有：

@FXML
private ImageView img_1;

没关系。

然后在loadImg中，您有：

img_1 = new ImageView();
img_1.setImage(newImg);

这太糟糕了。

您已经有一个ImageView，它是FXMLLoader在您加载FXML文档时为您创建的。FXML加载器随后将该ImageView分配给img_1引用，因为您使用了@FXML注释。

如何修复

所以你所需要做的就是停止创建新的ImageViews，只写：

img_1.setImage(newImg);

你完了。

为什么工作

ImageView的Image属性是一个可观察的属性。JavaFX系统会观察Image属性是否有任何更改，如果更改，会自动更新ImageView屏幕上显示的图像。您不需要执行任何重新绘制调用（在任何情况下都没有这样的重新绘制例程可调用）。

背景阅读

如果你想更好地理解JavaFX场景图架构，请阅读Oracle教程：

使用JavaFX场景图

一些提示

您可以直接从InputStream创建JavaFX图像，不需要为此任务使用ImageIO和SwingFXUtils
您可以使用Task与数据库进行通信，并且您的应用程序可能会更具响应性
从文件或通过http读取图像可能比从数据库读取图像更简单

免责声明

除了这里指出的问题之外，您没有提供的代码中可能还有其他错误，这些错误可能会阻止您的应用程序按您的意愿运行。

Java我毕业于这里：
在我的JavaFX术语项目中，我必须在setOnAction事件（单击按钮）时更新imageView对象。这允许程序用户点击一系列图片。

以下操作非常有效：
首先创建您的Image和ImageView实例：

Image imageObject = new Image();
ImageView imageViewObject = new ImageView();

然后在代码中，一个按钮事件导致（下一个）图像被分配和更新如下：

btn.setOnAction(e -> {
    imageIndex++;
    imageFilename = imageNamesArray.get(imageIndex);
    imageObject = new Image(imageFilename);  
    imageViewObject.setImage(imageObject);
}

注意：我的项目中的文件名是保存为ArrayList（）中String元素的jpg文件名。单击按钮还会将数组索引增加到下一个jpg文件名（以及路径或URL），此时将显示新图像。因此，在前面提到的答案中，您只创建了一个ImageViewObject，但每次都会将一个新图像重新分配给图像对象"imageObject"。

相关内容

最新更新

热门标签：