Question

我在项目文件夹中有一些图像。每个图像都有一个名称。例如：a，aa，aba等。我希望在匹配输入TextField的图像名称时将相关图像显示到ImageView中。

例如，如果我在TextField中键入“a”，它将打开名为“a”的图像。如果我输入“ab”，它将不会打开任何图像，因为没有图像进入名为“ab”的图像文件夹。仅当图像的名称与键入TextField的文本匹配时，才会显示图像。

我写了一些代码如下 -

Application_Controler.java

public class Application_Controler implements Initializable{

    @FXML
    private TextField txt;

    @FXML
    private ImageView img;

    @Override
    public void initialize(URL url, ResourceBundle rb) {
        String text=txt.getText();              
        File file = new File("src/images/"+text);
        Image image = new Image(file.toURI().toString());
        img.setImage(image);
    }
}

这是.fxml文件：

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.image.*?>
<?import javafx.scene.control.*?>
<?import java.lang.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.layout.AnchorPane?>

<AnchorPane xmlns="http://javafx.com/javafx/8.0.40" xmlns:fx="http://javafx.com/fxml/1" fx:controller="imran.jfx.application.Application_Controler">
   <children>
      <AnchorPane layoutX="-17.0" layoutY="-14.0" prefHeight="461.0" prefWidth="454.0">
         <children>
            <TextField fx:id="txt" layoutX="122.0" layoutY="87.0" prefHeight="55.0" prefWidth="229.0" />
            <ImageView fx:id="img" fitHeight="281.0" fitWidth="426.0" layoutX="24.0" layoutY="175.0" pickOnBounds="true" preserveRatio="true" />
         </children>
      </AnchorPane>
   </children>
</AnchorPane>

有一点需要注意的是，在写入TextField之后，不需要按任何额外的“Enter”键来显示图像。

Answer 1

您可以使用绑定：

@Override
public void initialize(URL url, ResourceBundle rb) {
    img.imageProperty().bind(Bindings.createObjectBinding(() -> {
        File file = new File("src/images/"+txt.getText());
        if (file.exists()) {
            return new Image(file.toURI().toString());
        } else {
            return null ;
        }
    }, txt.textProperty());
}

这假定您的路径正确（对我来说看起来很奇怪）并且用户在文本字段中键入整个文件名（如果需要，包括文件扩展名）。显然，您可以根据需要修改File构造函数的参数。

当TextField中键入的文本与图像名称匹配时，如何在ImageView中显示图像？

1 个答案: