Javafx：单击按钮时更改 Imageview 中的图像
[英]Javafx: changing the image in an Imageview when a button is clicked
问题描述
Controller class:
控制器类：
import com.jfoenix.controls.JFXButton;
import javafx.fxml.FXML;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
public class ControllerBuildingPlans {
@FXML public ImageView imgView;
@FXML public JFXButton bldingBtn1;
@FXML public JFXButton bldingBtn2;
@FXML public void bldingBtnClick1() {
imgView.setImage(new Image("com/application/Menu/viewBuildingPlans/building1 plan.jpg"));
}
@FXML
public void bldingBtnClick2() {
imgView.setImage(new Image("com/application/Menu/viewBuildingPlans/building2 plan.jpg"));
}
}
fxml class: fxml 类：
<?xml version="1.0" encoding="UTF-8"?>
<?import com.jfoenix.controls.JFXButton?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Hyperlink?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.text.Font?>
<?import javafx.scene.text.TextFlow?>
<AnchorPane prefHeight="502.0" prefWidth="682.0" style="-fx-background-color: #2D3447;" xmlns="http://javafx.com/javafx/8.0.141" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.application.Menu.viewBuildingPlans.ControllerBuildingPlans">
<children>
<HBox alignment="CENTER_RIGHT" layoutX="-1.0" layoutY="4.0" nodeOrientation="LEFT_TO_RIGHT" prefHeight="135.0" prefWidth="682.0">
<children>
<AnchorPane prefHeight="135.0" prefWidth="551.0">
<children>
<TextFlow fx:id="Logout" layoutX="7.0" layoutY="7.0" prefHeight="120.0" prefWidth="165.0">
<children>
<Hyperlink fx:id="lgout" prefHeight="36.0" prefWidth="67.0" text="Logout">
<font>
<Font size="16.0" />
</font>
</Hyperlink>
</children>
<padding>
<Insets left="-5.0" />
</padding>
</TextFlow>
<Label layoutX="265.0" layoutY="14.0" prefHeight="57.0" prefWidth="211.0" text="UGNiP Staff System" textAlignment="CENTER" textFill="WHITE">
<font>
<Font size="24.0" />
</font>
</Label>
<Label alignment="CENTER" contentDisplay="CENTER" layoutX="301.0" layoutY="90.0" prefHeight="57.0" prefWidth="139.0" text="Building Plans" textFill="#f5f5f5">
<font>
<Font size="21.0" />
</font>
</Label>
</children>
<padding>
<Insets left="310.0" right="-233.0" />
</padding>
</AnchorPane>
<AnchorPane prefHeight="200.0" prefWidth="200.0">
<children>
<ImageView fitHeight="120.0" fitWidth="211.0" layoutX="-23.0" layoutY="8.0" nodeOrientation="INHERIT" opacity="0.8" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="file:/C:/Users/muizu/Documents/codes/cwk3/src/Icons/image.jpeg" />
</image>
</ImageView>
</children>
</AnchorPane>
</children>
</HBox>
<JFXButton fx:id="bldingBtn1" layoutX="610.0" layoutY="185.0" prefHeight="47.0" prefWidth="118.0" style="-fx-background-color: #3C5BFA;" text="Building 1" textFill="#f5f5f5">
<font>
<Font size="18.0" />
</font>
</JFXButton>
<JFXButton fx:id="bldingBtn2" layoutX="610.0" layoutY="310.0" onAction="#bldingBtnClick2" prefHeight="47.0" prefWidth="118.0" style="-fx-background-color: #3C5BFA;" text="Building 2" textFill="#f5f5f5">
<font>
<Font size="18.0" />
</font>
</JFXButton>
<JFXButton fx:id="Back" layoutY="404.0" prefHeight="47.0" prefWidth="86.0" style="-fx-background-color: #3C5BFA;" text="Back" textFill="#f5f5f5">
<font>
<Font size="18.0" />
</font>
</JFXButton>
<ImageView fx:id="imgViewer" fitHeight="313.0" fitWidth="483.0" layoutX="118.0" layoutY="150.0" pickOnBounds="true" preserveRatio="true" />
</children>
</AnchorPane>
Error message:错误信息：
Exception in thread "JavaFX Application Thread" java.lang.RuntimeException: java.lang.reflect.InvocationTargetException at javafx.fxml.FXMLLoader$MethodHandler.invoke(FXMLLoader.java:1774) at javafx.fxml.FXMLLoader$ControllerMethodEventHandler.handle(FXMLLoader.java:1657) at com.sun.javafx.event.CompositeEventHandler.dispatchBubblingEvent(CompositeEventHandler.java:86) at com.sun.javafx.event.EventHandlerManager.dispatchBubblingEvent(EventHandlerManager.java:238) at com.sun.javafx.event.EventHandlerManager.dispatchBubblingEvent(EventHandlerManager.java:191) at com.sun.javafx.event.CompositeEventDispatcher.dispatchBubblingEvent(CompositeEventDispatcher.java:59) at com.sun.javafx.event.BasicEventDispatcher.dispatchEvent(BasicEventDispatcher.java:58) at com.sun.javafx.event.EventDispatchChainImpl.dispatchEvent(EventDispatchChainImpl.java:114) at com.sun.javafx.event.BasicEventDispatcher.dispatchEvent(BasicEventDispatcher.java:56) at com.sun.javafx.event.EventDispatchChainImpl.dispatchEven
I want to be able to change the image when the each of those buttons are clicked.我希望能够在单击每个按钮时更改图像。
2 个解决方案
解决方案1
2 2018-01-08 11:43:52
在fx:id=imageViewer应改为fx:id=imgView在类的字段名称，也同样为所有fx:id在它们应与在类的字段名的FXML。
解决方案2
0 2021-12-07 04:34:07
you have put wrong id for ImageView in the fxml file.您在 fxml 文件中为 ImageView 设置了错误的 id。 It should be either Imgview or Imgviewer in both the fxml and the java file在 fxml 和 java 文件中都应该是 Imgview 或 Imgviewer
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.