web-dev-qa-db-ja.com

javafxおよびfxmlでImageViewコンポーネントを使用して画像を表示するにはどうすればよいですか？

私はそれは非常に単純なことだと思うが、私はそれの後ろに取得することはできません。私が欲しいのは、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をリンクしようとしましたが、どちらも機能しません。

ありがとう

javaimageviewfxml
10
user3472050

FXMLを使用する場合は、コントローラーを分離する必要があります（SampleControllerで行っていたように）。次に、fx:controllerは、FXMLでそれを指す必要があります。

おそらく、initializeインターフェイスの一部である、コントローラーにInitializableメソッドがありません。このメソッドはFXMLがロードされた後に呼び出されるため、画像をそこに設定することをお勧めします。

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);
    }
}

ここでテストしたところ、動作しています。

15
Fernando Paz

毎回異なるイメージを動的にロードする場合を除き、初期化子は必要ありません。 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に設定することをお勧めします。これにより、画像がロードされるまでプレースホルダーが使用され、プログラムはロード中にフリーズしません。

13
Aaron Zimmerman
@FXML
ImageView image;

@Override
public void initialize(URL url, ResourceBundle rb) {
  image.setImage(new Image ("/about.jpg"));
}
2
sabracadabra

コード部分：

Image imProfile = new Image(getClass().getResourceAsStream("/img/profile128.png"));

ImageView profileImage=new ImageView(imProfile);

javafx Mavenの場合：

enter image description here

1
Nelson Rodriguez

src/sample/images/shopp.png

**
    Parent root =new StackPane();
    ImageView ımageView=new ImageView(new Image(getClass().getResourceAsStream("images/shopp.png")));
    ((StackPane) root).getChildren().add(ımageView);

**
0
veysel sarı

次のように使用するよりも、画像をリソースに配置することをお勧めします。

imageView = new ImageView("/gui.img/img.jpg");
0
stuckhelper

JavaFXを使用して画像をロードするには、以下の例をご覧ください。

    import javafx.application.Application;
    import javafx.scene.Scene;
    import javafx.scene.image.Image;
    import javafx.scene.image.ImageView;
    import javafx.scene.layout.StackPane;
    import javafx.stage.Stage;

    public class LoadImage extends Application {

    public static void main(String[] args) {
    Application.launch(args);
    }
    @Override
    public void start(Stage primaryStage) {
    primaryStage.setTitle("Load Image");

    StackPane sp = new StackPane();
    Image img = new Image("javafx.jpg");
    ImageView imgView = new ImageView(img);
    sp.getChildren().add(imgView);

    //Adding HBox to the scene
    Scene scene = new Scene(sp);
    primaryStage.setScene(scene);
    primaryStage.show();
    }

  }

プロジェクトにImageという名前のソースフォルダーを1つ作成し、そのフォルダーに画像を追加します。そうしないと、次のように外部URLから画像を直接読み込むことができます。

Image img = new Image（ " http://mikecann.co.uk/wp-content/uploads/2009/12/javafx_logo_color_1.jpg "）;

0
Ranjitsinh