如何更改普通窗格的样式(非布局窗格)

时间:2017-02-27 12:08:06

标签: java css user-interface javafx

我是JavaFx的新手,我很久没有使用java了,所以我遇到了很多问题。最大的是如何改变该死的窗格的bg。

以下是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");
}

感谢任何形式的帮助。

1 个答案:

答案 0 :(得分:0)

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

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