如何更改普通窗格的样式（不是布局窗格）答案

【问题标题】：How to change the style of a normal pane (Not layout pane)如何更改普通窗格的样式（不是布局窗格）
【发布时间】：2017-07-18 01:09:27
【问题描述】：

好吧，我是 JavaFx 的新手，而且我已经很长时间没有使用 Java，所以我遇到了很多问题。而最大的问题是如何改变该死的窗格的背景。

下面是Controller类

//Styling prePane
public class Controller {


//Declaring elements
public Pane prePane;
public Button generate;
public TextArea info;
@FXML
ProgressBar progressBar;


public void onGenerate() throws IOException {

    //Styling prePane
    prePane=new Pane();
    prePane.getStyleClass().add("prePane");


    //Creating and embedding progressBar
    generate.setDisable(true);
    progressBar.setProgress(0);


    //Creating task object
    Task copyWorker = createWorker();
    progressBar.progressProperty().unbind();
    progressBar.progressProperty().bind(copyWorker.progressProperty());
    copyWorker.messageProperty().addListener(new ChangeListener<String>() {
        @Override
        public void changed(ObservableValue<? extends String> observable, String oldValue, String newValue) {
            System.out.println(newValue);
        }
    });


    //Starting task thread
    new Thread(copyWorker).start();


    //QR Code generation
    String details;
    info.getParagraphs();
    details=String.valueOf(info.getText());
    ByteArrayOutputStream out= net.glxn.qrgen.QRCode.from(details).to(ImageType.GIF).stream();
    File file=new File("D:\\JavaFXQRGenerator-master\\QrGenerator\\QrCode\\details.jpg");
    FileOutputStream fos=new FileOutputStream(file);
    fos.write(out.toByteArray());
    fos.flush();
}


//Defining the task
public Task createWorker() {
    return new Task() {
        @Override
        protected Object call() throws Exception {
            for (int i = 0; i < 10; i++) {
                updateProgress(i + 1, 10);
            }
            return true;
        }
    };
}

}

主类

public class Main extends Application {

@Override
public void start(Stage primaryStage) throws Exception{
    Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
    primaryStage.setTitle("QR Generator");
    primaryStage.setScene(new Scene(root, 300, 275));
    primaryStage.show();
}


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

}

在实际样式表下方

.prePane{
        -fx-background-image: url("D:\JavaFXQRGenerator-master\QrGenerator\resources\genPane.jpg");
}

感谢任何形式的帮助。

【问题讨论】：

您是否在任何地方创建了任何控件？如果没有，请尝试在代码中的某处添加new Label();。
你能解释一下原因吗？
在创建Control（或子类）的实例之前（默认情况下）不会应用CSS。有一个关于这个的问题，但我无法通过快速搜索找到它。
那么我应该把这个 Label();你建议。在这里你说的控制是什么意思？
我只是指Control 类。只需在任何地方创建它：start() 方法就可以了。但我真的只是想确定您是否已经创建了任何控件，以及这是否是问题所在。如果您edit 您的问题包含minimal reproducible example 可能会更好 - 否则我们都只是在这里猜测。

标签： java css user-interface javafx

【解决方案1】：

假设resources 文件夹是您构建路径的一部分，genPane.jpg 将位于类路径的根目录中。所以正确的路径，根据CSS documentation 只是

.prePane{
        -fx-background-image: url("/genPane.jpg");
}

【讨论】：

很抱歉让您失望了，不过我已经试过了，还是不行。但仍然感谢您这么长时间坚持我的要求。