如何让 JavaFX XYchart 与用户定义的 CSS 一起使用？

Question

我目前正在学习 JavaFX.scene.charts。我正在使用 Netbeans 7.4。我已经阅读了有关 Oracle 的各种教程，但我无法准确找到它们如何将 CSS 文件与 JavaFX XYcharts 一起使用。它显示了不同时表示的独立 CSS 和 JavaFX 文件。

http://docs.oracle.com/javafx/2/charts/css-styles.htm

http://docs.oracle.com/javafx/2/charts/scatter-chart.htm

以上是描述如何制作 css 文件和散点图 XY 图表的链接。而且我知道我应该在我的 JavaFX 文件中执行以下操作以使我的样式表正常工作。

scene.getStylesheets().add("myfirstscatterchart/Scatter.css");

我收到一条警告，提示我在运行图表时找不到我的样式表。

它们在相同的位置路径明智。

C:\Users\user\Documents\NetBeansProjects\MyFirstScatterChart\src\myfirstscatterchart\Scatter.css C:\Users\user\Documents\NetBeansProjects\MyFirstScatterChart\src\myfirstscatterchart\MyFirstScatterChart.java

我曾尝试使用绝对路径，但没有奏效。所以我不确定我在这里做错了什么。

下面是我从 Oracle 网站获取的运行代码，我在底部附近对 scene.getStylesheets().add("myfirstscatterchart/Scatter.css"); 做了一些小修改。我对我的代码做了什么明显的事情吗？我认为这是一个路径问题，但我不确定如何解决它。

我还发现我遇到了与此处列出的问题类似的问题：

Loading css using JavaFX null pointer exception in eclipse

我添加了一个 try/catch 块，它打印出我遇到的异常，它说是一个空指针异常。它也打印此警告：

注意：C:\Users\elizabeth.mcclellan\Documents\NetBeansProjects\SecondScatter\src\secondscatter\SecondScatter.java 使用未经检查或不安全的操作。

注意：使用 -Xlint 重新编译：详细信息未选中。

但是，这个问题从未得到完全回答。我尝试了提到的两个答案建议，但都不适用于我的情况。

---

import javafx.application.Application;

import javafx.geometry.Insets;

import javafx.scene.Group;

import javafx.scene.Scene;

import javafx.scene.chart.NumberAxis;

import javafx.scene.chart.ScatterChart;

import javafx.scene.chart.XYChart;

import javafx.scene.control.Button;

import javafx.scene.layout.HBox;

import javafx.scene.layout.VBox;

import javafx.stage.Stage;

public class MyFirstScatterChart extends Application {

@Override public void start(Stage stage) {
    stage.setTitle("Scatter Chart Sample");
    final NumberAxis xAxis = new NumberAxis(0, 10, 1);
    final NumberAxis yAxis = new NumberAxis(-100, 500, 100);        
    final ScatterChart<Number,Number> sc = 
        new ScatterChart<Number,Number>(xAxis,yAxis);
    xAxis.setLabel("Age (years)");                
    yAxis.setLabel("Returns to date");
    sc.setTitle("Investment Overview");



    XYChart.Series series1 = new XYChart.Series();

    series1.setName("Option 1");
    series1.getData().add(new XYChart.Data(4.2, 193.2));
    series1.getData().add(new XYChart.Data(2.8, 33.6));
    series1.getData().add(new XYChart.Data(6.2, 24.8));
    series1.getData().add(new XYChart.Data(1, 14));
    series1.getData().add(new XYChart.Data(1.2, 26.4));
    series1.getData().add(new XYChart.Data(4.4, 114.4));
    series1.getData().add(new XYChart.Data(8.5, 323));
    series1.getData().add(new XYChart.Data(6.9, 289.8));
    series1.getData().add(new XYChart.Data(9.9, 287.1));
    series1.getData().add(new XYChart.Data(0.9, -9));
    series1.getData().add(new XYChart.Data(3.2, 150.8));
    series1.getData().add(new XYChart.Data(4.8, 20.8));
    series1.getData().add(new XYChart.Data(7.3, -42.3));
    series1.getData().add(new XYChart.Data(1.8, 81.4));
    series1.getData().add(new XYChart.Data(7.3, 110.3));
    series1.getData().add(new XYChart.Data(2.7, 41.2));

    sc.setPrefSize(500, 400);
    sc.getData().addAll(series1);
    Scene scene  = new Scene(new Group());

    final VBox vbox = new VBox();
    final HBox hbox = new HBox();

    final Button add = new Button("Add Series");               
    final Button remove = new Button("Remove Series");

    hbox.setSpacing(10);
    hbox.getChildren().addAll(add, remove);

    vbox.getChildren().addAll(sc, hbox);
    hbox.setPadding(new Insets(10, 10, 10, 50));

    ((Group)scene.getRoot()).getChildren().add(vbox);
    stage.setScene(scene);
    scene.getStylesheets().add("myfirstscatterchart/Scatter.css"); 
    stage.show();
}

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

Answer 1

我发现了自己的答案。 JavaFX 文件和 CSS 文件一起使用必须满足三个条件：

1. JavaFX 文件和 CSS 文件都必须在同一目录中

2. 您必须在代码中声明您正在使用 CSS 文件，例如

     scene.getStylesheets().add(MyFirstScatterChart.class.getResource("Scatter.css").toExternalForm());
   

3. 而我做错的事情你一定有package PackageName; 比如：

   打包 MyFirstScatterChart；。
   这将位于您定义图表的 JavaFX 文件的顶部。