图像在主发布时未显示，但在“场景"构建器中显示 [英] Images not showing on launch by the main, but showed on Scene builder
问题描述
我是编码方面的新手，尤其是在Java中，并且我尝试将JavaFx与场景构建器一起使用. 我今天的问题是我已经使用场景构建器完成了该菜单:
I'm new on coding, especialy in java, and i've tryed to use JavaFx with scene builder. My issue today is that i've done that menu with scene builder:
当我运行它时，图像不显示.我尝试过我制作的其他场景，同样的问题.
And when I run it the images doesn't show. I've try with other scenes i've made, same issue.
这是我的主菜单:
package com.doki;
import java.io.IOException;
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Scene;
import javafx.scene.layout.AnchorPane;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;
public class MainRpg extends Application {
private Stage stage;
private BorderPane fenetre;
@Override
public void start(Stage stage) {
this.stage = stage;
this.stage.setTitle("Xar'Saroth");
initFenetre();
showMenu();
}
/**
* Initializes the root layout.
*/
public void initFenetre() {
try {
// Load root layout from fxml file.
FXMLLoader loader = new FXMLLoader();
loader.setLocation(MainRpg.class.getResource("view/Fenetre.fxml"));
fenetre = (BorderPane) loader.load();
// Show the scene containing the root layout.
Scene scene = new Scene(fenetre);
stage.setScene(scene);
stage.show();
} catch (IOException e) {
e.printStackTrace();
}
}
/**
* Shows the person overview inside the root layout.
*/
public void showMenu() {
try {
// Load person overview.
FXMLLoader loader = new FXMLLoader();
loader.setLocation(MainRpg.class.getResource("view/Menu.fxml"));
AnchorPane personOverview = (AnchorPane) loader.load();
// Set person overview into the center of root layout.
fenetre.setCenter(personOverview);
} catch (IOException e) {
e.printStackTrace();
}
}
/**
* Returns the main stage.
* @return
*/
public Stage getStage() {
return stage;
}
public static void main(String[] args) {
launch(args);
}
}
我的场景代码:
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.ButtonBar?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.AnchorPane?>
<AnchorPane prefHeight="600.0" prefWidth="900.0" xmlns="http://javafx.com/javafx/9.0.1" xmlns:fx="http://javafx.com/fxml/1">
<children>
<ImageView fitHeight="600.0" fitWidth="900.0" pickOnBounds="true" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
<image>
<Image url="@../menuImage.jpg" />
</image>
</ImageView>
<ImageView fitHeight="186.0" fitWidth="489.0" layoutX="206.0" layoutY="343.0" pickOnBounds="true" preserveRatio="true" AnchorPane.bottomAnchor="150.0">
<image>
<Image url="@../xarSaroth.png" />
</image>
</ImageView>
<ButtonBar layoutX="295.0" layoutY="518.0" prefHeight="40.0" prefWidth="281.0" AnchorPane.bottomAnchor="50.0">
<buttons>
<Button mnemonicParsing="false" prefHeight="25.0" text="Continuer" />
<Button mnemonicParsing="false" prefHeight="25.0" prefWidth="134.0" text="Nouvelle Partie" />
</buttons>
</ButtonBar>
</children>
</AnchorPane>
我已经看过那些帖子:
但是解决方案对我不起作用，或者我有点太愚蠢了.
But the solutions didn't work on me, or i'm just a bit too stupid.
通过我在启动该错误消息时的方式，我认为这不是问题所在: 警告:通过版本8.0.121的JavaFX运行时，使用版本9.0.1的JavaFX API加载FXML文档
By the way i've gor this error message when I launch, I don't think that is the issue : WARNING: Loading FXML document with JavaFX API of version 9.0.1 by JavaFX runtime of version 8.0.121
谢谢！
我已完成此更改:((Image)loader.getNamespace().get("image1")).getException().printStackTrace(System.err);
，它会导致这种错误.我了解没有路径问题吗?
and it makes that kind of error. I understand that there is a path issue no?
java.io.FileNotFoundException: C:\Users\Stagiaire ACI\Desktop\Java\XarSaroth\bin\com\doki\menuImage.jpg (Le fichier spécifié est introuvable)
at java.io.FileInputStream.open0(Native Method)
at java.io.FileInputStream.open(Unknown Source)
at java.io.FileInputStream.<init>(Unknown Source)
at java.io.FileInputStream.<init>(Unknown Source)
at sun.net.www.protocol.file.FileURLConnection.connect(Unknown Source)
at sun.net.www.protocol.file.FileURLConnection.getInputStream(Unknown Source)
at java.net.URL.openStream(Unknown Source)
at com.sun.javafx.iio.common.ImageTools.createInputStream(ImageTools.java:486)
at com.sun.javafx.iio.ImageStorage.loadAll(ImageStorage.java:311)
at com.sun.javafx.tk.quantum.PrismImageLoader2.loadAll(PrismImageLoader2.java:127)
at com.sun.javafx.tk.quantum.PrismImageLoader2.<init>(PrismImageLoader2.java:71)
at com.sun.javafx.tk.quantum.QuantumToolkit.loadImage(QuantumToolkit.java:720)
at javafx.scene.image.Image.loadImage(Image.java:1065)
at javafx.scene.image.Image.initialize(Image.java:807)
at javafx.scene.image.Image.<init>(Image.java:695)
at com.sun.javafx.fxml.builder.JavaFXImageBuilder.build(JavaFXImageBuilder.java:47)
at com.sun.javafx.fxml.builder.JavaFXImageBuilder.build(JavaFXImageBuilder.java:37)
at javafx.fxml.FXMLLoader$ValueElement.processEndElement(FXMLLoader.java:763)
at javafx.fxml.FXMLLoader.processEndElement(FXMLLoader.java:2823)
at javafx.fxml.FXMLLoader.loadImpl(FXMLLoader.java:2532)
at javafx.fxml.FXMLLoader.loadImpl(FXMLLoader.java:2441)
at javafx.fxml.FXMLLoader.load(FXMLLoader.java:2409)
at com.doki.MainRpg.showMenu(MainRpg.java:56)
at com.doki.MainRpg.start(MainRpg.java:24)
at com.sun.javafx.application.LauncherImpl.lambda$launchApplication1$162(LauncherImpl.java:863)
at com.sun.javafx.application.PlatformImpl.lambda$runAndWait$175(PlatformImpl.java:326)
at com.sun.javafx.application.PlatformImpl.lambda$null$173(PlatformImpl.java:295)
at java.security.AccessController.doPrivileged(Native Method)
at com.sun.javafx.application.PlatformImpl.lambda$runLater$174(PlatformImpl.java:294)
at com.sun.glass.ui.InvokeLaterDispatcher$Future.run(InvokeLaterDispatcher.java:95)
at com.sun.glass.ui.win.WinApplication._runLoop(Native Method)
at com.sun.glass.ui.win.WinApplication.lambda$null$148(WinApplication.java:191)
at java.lang.Thread.run(Unknown Source)
推荐答案
好的，我认为，当您在imageView中为图像的url路径编写代码时，您不应该引用IDE的文件树结构，而是应该引用已编译目录的文件树结构.
OK, I think that when you write code for the url path of the image in imageView, you should not refer to the file tree structure of the IDE, but should refer to the file tree structure of the compiled directory.
例如，这是错误的代码.我在IDEA中将"image"文件夹标记为Resource Folder.在场景创建器中预览时，该图片将显示，但在运行该程序时，该图片不显示.
For example, here is the wrong code. I have marked the "image" folder as Resource Folder in IDEA. The picture will show when you preview in the scene builder, but it does not show when you run the program.
根据图片，URL路径绝对正确，但无法显示.为什么?我认为您应该参考编译目录"out"的文件树结构，您将了解.
According to the picture, the url path is absolutely correct but it fails to show. Why? I think you should refer to the file tree structure of the compiled directory "out" and you will understand.
因此，在这种情况下，您可以将代码更改为:
So in this case, you can change the code as:
<image>
<Image url="@../desk.jpg" />
</image>
尽管无法在场景构建器中预览，它仍然可以工作.
It will work although it fails to preview in scene builder.
以下代码也适用，因为"BallGame"是根目录:
And the following code also works, because the "BallGame" is the root directory:
<image>
<Image url="@/desk.jpg" />
</image>
另一种方法，在编译前后保持相同的形式.您可以将图像文件夹放置在src文件夹中.例如；
Another way, to keep in the same form before and after compiling. You can place the image folder in the src folder. For example；
它也可以工作.
这篇关于图像在主发布时未显示，但在“场景"构建器中显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
