如何使用javafx和fxml中的ImageView组件显示图像?

2022-09-02 19:38:09

我想这是一件非常简单的事情,但我就是无法支持它。我想要的只是在链接到fxml的ImageView上显示图像。这是我的代码:

package application;

import java.io.File;

import javafx.application.Application;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.AnchorPane;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;


public class Main extends Application
{
    @FXML
    private ImageView imageView;

    @Override
    public void start(Stage primaryStage) 
    {
        try 
        {
        AnchorPane root = (AnchorPane)FXMLLoader.load(getClass().getResource("Sample.fxml"));
        Scene scene = new Scene(root,400,400);
        scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
        primaryStage.setTitle("Hello World");

        File file = new File("src/Box13.jpg");
        Image image = new Image(file.toURI().toString());
        imageView = new ImageView(image);

        //root.getChildren().add(imageView);
        primaryStage.setScene(scene);
        primaryStage.show();
    } catch(Exception e) {
        e.printStackTrace();
    }
}

public static void main(String[] args) {
    launch(args);
}
}

和我的fxml文件

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

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

<AnchorPane prefHeight="316.0" prefWidth="321.0" xmlns:fx="http://javafx.com/fxml/1"     xmlns="http://javafx.com/javafx/2.2" fx:controller="application.SampleController">
  <children>
    <ImageView fx:id="imageView" fitHeight="150.0" fitWidth="200.0" layoutX="61.0" layoutY="83.0" pickOnBounds="true" preserveRatio="true" >

    </ImageView>
  </children>
</AnchorPane>

文件链接应该没有问题,因为当我包含注释行时,它可以正常工作。这将是它在Java中完成的方式,但我想在这里使用fxml,因为我使用fxml用于所有其他组件,但它不适用于ImageView,我不知道为什么。我还尝试创建一个新的控制器类并将ImageView链接到那里,但这两者都不起作用。任何人都可以帮我吗?

谢谢


答案 1

如果要使用FXML,则应将控制器分开(就像使用 SampleController 一样)。那么你在FXML中应该指出这一点。fx:controller

您可能缺少控制器中的方法,该方法是接口的一部分。此方法是在加载FXML后调用的,因此我建议您在此处设置映像。initializeInitializable

您的类必须如下所示:SampleController

public class SampleController implements Initializable {

    @FXML
    private ImageView imageView;

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        File file = new File("src/Box13.jpg");
        Image image = new Image(file.toURI().toString());
        imageView.setImage(image);
    }
}

我在这里测试过,它正在工作。


答案 2

您不需要初始值设定项,除非您每次都动态加载不同的图像。我认为在fxml中尽可能多地做更有条理。这是一个fxml文件,它将执行您需要的功能。

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

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

<AnchorPane
    xmlns:fx="http://javafx.co/fxml/1"
    xmlns="http://javafx.com/javafx/2.2"
    fx:controller="application.SampleController"
    prefHeight="316.0"
    prefWidth="321.0"
    >
    <children>
        <ImageView
                fx:id="imageView"
                fitHeight="150.0"
                fitWidth="200.0"
                layoutX="61.0"
                layoutY="83.0"
                pickOnBounds="true"
                preserveRatio="true"
            >
            <image>
                <Image
                    url="src/Box13.jpg"
                    backgroundLoading="true"
                    />
            </image>
        </ImageView>
    </children>
</AnchorPane>

在 Image 标记中指定 backgroundLoading 属性是可选的,它默认为 false。最好在加载图像需要一段时间或更长时间时将 backgroundLoading 设置为 true,这样,在加载图像之前将使用占位符,并且程序在加载时不会冻结。


推荐