Question

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

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

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

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

scene.getStylesheets（）。add（“myfirstscatterchart / Scatter.css”）;

我收到一条警告，说我在运行图表时无法找到我的样式表。

他们在路径上处于同一位置。

C：\用户\用户\文件\的NetBeansProjects \ MyFirstScatterChart \ SRC \ myfirstscatterchart \ Scatter.css C：\用户\用户\文件\的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文件，必须满足三个条件：

JavaFX文件和CSS文件都必须位于同一目录中

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

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

我做错了你必须有包PackageName; ，例如：

打包MyFirstScatterChart; 。
这将是您定义图表的JavaFX文件的顶部。

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

1 个答案: