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

时间:2015-09-22 16:19:51

标签: java javafx javafx-8 fxml

我在项目文件夹中有一些图像。每个图像都有一个名称。例如: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”键来显示图像。

1 个答案:

答案 0 :(得分: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构造函数的参数。