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

【问题标题】：load images dynamically in JavaFX to Anchorpane在 JavaFX 中将图像动态加载到 Anchorpane
【发布时间】：2017-11-22 16:42:53
【问题描述】：

当我想将图像动态添加到我的 AnchorPane 时，我有这个按钮，但目前它没有按预期工作。我正在尝试在 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>

错误

线程“JavaFX 应用程序线程”中的异常 java.lang.RuntimeException： java.lang.reflect.InvocationTargetException 在 javafx.fxml.FXMLLoader$MethodHandler.invoke(FXMLLoader.java:1774) 在 javafx.fxml.FXMLLoader$ControllerMethodEventHandler.handle(FXMLLoader.java:1657) 在 com.sun.javafx.event.CompositeEventHandler.dispatchBubblingEvent(CompositeEventHandler.java:86) 在 com.sun.javafx.event.EventHandlerManager.dispatchBubblingEvent(EventHandlerManager.java:238) 在 com.sun.javafx.event.EventHandlerManager.dispatchBubblingEvent(EventHandlerManager.java:191) 在 com.sun.javafx.event.CompositeEventDispatcher.dispatchBubblingEvent(CompositeEventDispatcher.java:59) 在 com.sun.javafx.event.BasicEventDispatcher.dispatchEvent(BasicEventDispatcher.java:58) 在 com.sun.javafx.event.EventDispatchChainImpl.dispatchEvent(EventDispatchChainImpl.java:114) 在 com.sun.javafx.event.BasicEventDispatcher.dispatchEvent(BasicEventDispatcher.java:56) 在 com.sun.javafx.event.EventDispatchChainImpl.dispatchEvent(EventDispatchChainImpl.java:114) 在 com.sun.javafx.event.BasicEventDispatcher.dispatchEvent(BasicEventDispatcher.java:56) 在 com.sun.javafx.event.EventDispatchChainImpl.dispatchEvent(EventDispatchChainImpl.java:114) 在 com.sun.javafx.event.EventUtil.fireEventImpl(EventUtil.java:74) 在 com.sun.javafx.event.EventUtil.fireEvent(EventUtil.java:49) 在 javafx.event.Event.fireEvent(Event.java:198) 在 javafx.scene.Node.fireEvent(Node.java:8411) 在 javafx.scene.control.Button.fire(Button.java:185) 在 com.sun.javafx.scene.control.behavior.ButtonBehavior.mouseReleased(ButtonBehavior.java:182) 在 com.sun.javafx.scene.control.skin.BehaviorSkinBase$1.handle(BehaviorSkinBase.java:96) 在 com.sun.javafx.scene.control.skin.BehaviorSkinBase$1.handle(BehaviorSkinBase.java:89) 在 com.sun.javafx.event.CompositeEventHandler$NormalEventHandlerRecord.handleBubblingEvent(CompositeEventHandler.java:218) 在 com.sun.javafx.event.CompositeEventHandler.dispatchBubblingEvent(CompositeEventHandler.java:80) 在 com.sun.javafx.event.EventHandlerManager.dispatchBubblingEvent(EventHandlerManager.java:238) 在 com.sun.javafx.event.EventHandlerManager.dispatchBubblingEvent(EventHandlerManager.java:191) 在 com.sun.javafx.event.CompositeEventDispatcher.dispatchBubblingEvent(CompositeEventDispatcher.java:59) 在 com.sun.javafx.event.BasicEventDispatcher.dispatchEvent(BasicEventDispatcher.java:58) 在 com.sun.javafx.event.EventDispatchChainImpl.dispatchEvent(EventDispatchChainImpl.java:114) 在 com.sun.javafx.event.BasicEventDispatcher.dispatchEvent(BasicEventDispatcher.java:56) 在 com.sun.javafx.event.EventDispatchChainImpl.dispatchEvent(EventDispatchChainImpl.java:114) 在 com.sun.javafx.event.BasicEventDispatcher.dispatchEvent(BasicEventDispatcher.java:56) 在 com.sun.javafx.event.EventDispatchChainImpl.dispatchEvent(EventDispatchChainImpl.java:114) 在 com.sun.javafx.event.EventUtil.fireEventImpl(EventUtil.java:74) 在 com.sun.javafx.event.EventUtil.fireEvent(EventUtil.java:54) 在 javafx.event.Event.fireEvent(Event.java:198) 在 javafx.scene.Scene$MouseHandler.process(Scene.java:3757) 在 javafx.scene.Scene$MouseHandler.access$1500(Scene.java:3485) 在 javafx.scene.Scene.impl_processMouseEvent(Scene.java:1762) 在 javafx.scene.Scene$ScenePeerListener.mouseEvent(Scene.java:2494) 在 com.sun.javafx.tk.quantum.GlassViewEventHandler$MouseEventNotification.run(GlassViewEventHandler.java:380) 在 com.sun.javafx.tk.quantum.GlassViewEventHandler$MouseEventNotification.run(GlassViewEventHandler.java:294) 在 java.security.AccessController.doPrivileged(Native Method) 在 com.sun.javafx.tk.quantum.GlassViewEventHandler.lambda$handleMouseEvent$354(GlassViewEventHandler.java:416) 在 com.sun.javafx.tk.quantum.QuantumToolkit.runWithoutRenderLock(QuantumToolkit.java:389) 在 com.sun.javafx.tk.quantum.GlassViewEventHandler.handleMouseEvent(GlassViewEventHandler.java:415) 在 com.sun.glass.ui.View.handleMouseEvent(View.java:555) 在 com.sun.glass.ui.View.notifyMouse(View.java:937) 在 com.sun.glass.ui.win.WinApplication._runLoop(Native Method) 在 com.sun.glass.ui.win.WinApplication.lambda$null$148(WinApplication.java:191) 在 java.lang.Thread.run(Thread.java:745) 引起： java.lang.reflect.InvocationTargetException 在 sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method) 在 sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62) 在 sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) 在 java.lang.reflect.Method.invoke(Method.java:498) 在 sun.reflect.misc.Trampoline.invoke(MethodUtil.java:71) 在 sun.reflect.GeneratedMethodAccessor1.invoke(Unknown Source) at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) 在 java.lang.reflect.Method.invoke(Method.java:498) 在 sun.reflect.misc.MethodUtil.invoke(MethodUtil.java:275) 在 javafx.fxml.FXMLLoader$MethodHandler.invoke(FXMLLoader.java:1769) ... 还有 48 个原因：java.lang.NullPointerException at testingcards.FXMLDocumentController.handleButtonAction(FXMLDocumentController.java:46)

我正在使用 netbeans IDE

【问题讨论】：

与其替换 Label，为什么不使用setImage()更新 ImageView？
public AnchorPane pane; 没有标记@FXML 注释，因此它没有被加载程序插入，因此它为空，因此NullPointerException。此外，图像加载也会导致它。
@trashgod 我按照 Aza Suhaza 所说的那样尝试过，但没有奏效，请问是什么原因？
@DVarga 我像 Aza Suhaza 所说的那样添加了ImageView 解决方案，但没有奏效。我收到一个错误Exception in thread "JavaFX Application Thread" java.lang.RuntimeException: java.lang.reflect.InvocationTargetException

标签： java javafx netbeans javafx-2

【解决方案1】：

您需要创建 ImageView，或者如果您正在使用场景构建器，请将 ImageView 放入 AnchorPane 区域。为新的 ImageView 分配 ID；

在你的控制器类中；

  @FXML
  ImageView imageId;

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

【讨论】：

你好，谢谢你的回答，但我收到了Exception in thread "JavaFX Application Thread" java.lang.RuntimeException: java.lang.reflect.InvocationTargetException
哦，谢谢它的工作，我的图像路径有问题

【解决方案2】：

如果该方法不起作用，您可以使用它。我已经尝试了大多数我可以在网上找到的解决方案，但这些对我不起作用。

我已将文件路径转换为文件并将其用作源。

String imgAddress = "C:\\Users\\Name\\onclickimageloader\\car.jpg";
String tmpAddress;

File file2 = new File(imgAddress);
tmpAddress = file2.toURI().toURL().toExternalForm();
Image image = new Image(tmpAddress);
imageId.setImage(image);
System.out.println(tmpAddress);

【讨论】：