使用 JavaFX Scene Builder 在代码中更改 ImageView 图像

Question

我正在尝试在单击按钮时更改 ImageView 组件中的图像。我需要它是本地图像。我不断收到路径错误，无法使用 ImageIcon 并将其转换为 Image。有没有一种简单的方法可以做到这一点？

package tictactoesimulator_alliebeckman;

import java.net.URL;
import java.util.ResourceBundle;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;

/**
 *
 * @author Allie
 */
public class FXMLDocumentController implements Initializable {

    // my components        
    @FXML
    public Label lblWinLose;
    @FXML
    public Button btnNewGame;
    @FXML
    public ImageView ivOne;

    // Event handle for button click  
    @FXML
    public void handleButtonAction(ActionEvent event) {

        // here is where I'm having the issue I have the image file in my src folder
        // I've tried using a ImageIcon and it wont convert to an Image?
        // All I need is the image to change to the local image on button click

        lblWinLose.setText("Clicked");
        Image image = new Image("o.png");
        ivOne = new ImageView(image);
    }

    @Override
    public void initialize(URL url, ResourceBundle rb) {

    }
}

项目布局可以在这个 Eclipse 截图中看到：

Answer 1

从您问题的屏幕截图中，该图像与FXMLDocumentController 类位于同一包中。

您正在使用的 Image constructor 期望图像的 URL 的字符串版本：获取此类 URL 的最佳方法是使用 getClass().getResource(...)（因为无论您正在从文件系统或 jar 文件加载）。 getClass().getResource(...) 将相对于当前类进行解析（如果资源名称以 / 开头，则相对于类路径）：

Image image = new Image(getClass().getResource("o.png").toExternalForm());

然后你应该这样做而不是创建一个新的ImageView

ivOne.setImage(image);