在JavaFX中将图像动态加载到Anchorpane

Question

我有这个按钮，当我想添加图像动态到我的锚窗格，但目前它没有工作的预期。我试图在JavaFX标签中加载一个图像，下面是我的代码。

FXMLDocumentController.java

public class FXMLDocumentController implements Initializable {

    @FXML
    private Label label;
    public AnchorPane pane;

    @FXML
    private void handleButtonAction(ActionEvent event) throws IOException {

      //   BufferedImage image = ImageIO.read(new File("2d.png"));
      Label label = new Label();
      Image image = new Image(getClass().getResourceAsStream("2d.png"));
      label = new Label("search", new ImageView(image));
      pane.getChildren().addAll(label);      
    }

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

}

fxmlDocument.fxml

<AnchorPane id="AnchorPane" fx:id="AnchorPane" prefHeight="521.0" prefWidth="548.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8.0.111" fx:controller="testingcards.FXMLDocumentController">
    <children>
        <Button fx:id="button" layoutX="126" layoutY="90" onAction="#handleButtonAction" text="Click Me!" />
        <Label fx:id="label" layoutX="126" layoutY="120" minHeight="16" minWidth="69" />
      <Label layoutX="143.0" layoutY="366.0" prefHeight="121.0" prefWidth="69.0" text="Label" />
    </children>
</AnchorPane>

错误

null

我正在使用netbeans IDE

Answer 1

您需要创建ImageView，或者如果您正在使用scene builder，则将ImageView放入AnchorPane区域。为新的ImageView分配ID；

在您的controller类中；

  @FXML
  ImageView imageId;

  @FXML
  private void handleButtonAction(ActionEvent event) throws IOException {
      Image img = new Image("../img/img.jpg");
      imageId.setImage(img);
  }