FXML自定义图表
我一直在使用来自Ensemble Test的自定义拟合图表，效果很好。
问题是我无法在FXML中使用它。 Someone else似乎成功地做到了。
错误： FXML Loader无法创建curvefittedareachartappfxml.CurvedFittedAreaChart的实例。
FXMLDocument.fxml
<?import javafx.scene.chart.*?>
<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import curvefittedareachartappfxml.CurveFittedAreaChart?>
<AnchorPane id="AnchorPane" prefHeight="200" prefWidth="320" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8.0.40" fx:controller="curvefittedareachartappfxml.FXMLDocumentController">
<children>
<Button fx:id="button" layoutX="128.0" layoutY="25.0" text="Click Me!" />
<AreaChart layoutX="56.0" layoutY="131.0" prefHeight="200.0" prefWidth="444.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="60.0">
<xAxis>
<CategoryAxis side="BOTTOM" />
</xAxis>
<yAxis>
<NumberAxis side="LEFT" />
</yAxis>
</AreaChart>
<CurveFittedAreaChart layoutX="10.0" layoutY="160.0" prefHeight="200.0" prefWidth="444.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="250.0">
<xAxis>
<CategoryAxis side="BOTTOM" />
</xAxis>
<yAxis>
<NumberAxis side="LEFT" />
</yAxis>
</CurveFittedAreaChart>
</children>
</AnchorPane>
CurveFittedAreaChart.java 原文
/*
* Copyright (c) 2008, 2014, Oracle and/or its affiliates.
* All rights reserved. Use is subject to license terms.
*
* This file is available and licensed under the following license:
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
* - Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* - Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in
* the documentation and/or other materials provided with the distribution.
* - Neither the name of Oracle Corporation nor the names of its
* contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
package curvefittedareachartappfxml;
import javafx.collections.ObservableList;
import javafx.geometry.Point2D;
import javafx.scene.Group;
import javafx.scene.chart.AreaChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.scene.shape.ClosePath;
import javafx.scene.shape.CubicCurveTo;
import javafx.scene.shape.LineTo;
import javafx.scene.shape.MoveTo;
import javafx.scene.shape.Path;
import javafx.scene.shape.PathElement;
import javafx.util.Pair;
public class CurveFittedAreaChart extends AreaChart<Number, Number> {
public CurveFittedAreaChart(NumberAxis xAxis, NumberAxis yAxis) {
super(xAxis, yAxis);
}
@Override protected void layoutPlotChildren() {
super.layoutPlotChildren();
for (int seriesIndex = 0; seriesIndex < getDataSize(); seriesIndex++) {
final XYChart.Series<Number, Number> series = getData().get(seriesIndex);
final Path seriesLine = (Path) ((Group) series.getNode()).getChildren().get(1);
final Path fillPath = (Path) ((Group) series.getNode()).getChildren().get(0);
smooth(seriesLine.getElements(), fillPath.getElements());
}
}
private int getDataSize() {
final ObservableList<XYChart.Series<Number, Number>> data = getData();
return (data != null) ? data.size() : 0;
}
private static void smooth(ObservableList<PathElement> strokeElements, ObservableList<PathElement> fillElements) {
// as we do not have direct access to the data, first recreate the list of all the data points we have
final Point2D[] dataPoints = new Point2D[strokeElements.size()];
for (int i = 0; i < strokeElements.size(); i++) {
final PathElement element = strokeElements.get(i);
if (element instanceof MoveTo) {
final MoveTo move = (MoveTo) element;
dataPoints[i] = new Point2D(move.getX(), move.getY());
} else if (element instanceof LineTo) {
final LineTo line = (LineTo) element;
final double x = line.getX(), y = line.getY();
dataPoints[i] = new Point2D(x, y);
}
}
// next we need to know the zero Y value
final double zeroY = ((MoveTo) fillElements.get(0)).getY();
// now clear and rebuild elements
strokeElements.clear();
fillElements.clear();
Pair<Point2D[], Point2D[]> result = calcCurveControlPoints(dataPoints);
Point2D[] firstControlPoints = result.getKey();
Point2D[] secondControlPoints = result.getValue();
// start both paths
strokeElements.add(new MoveTo(dataPoints[0].getX(), dataPoints[0].getY()));
fillElements.add(new MoveTo(dataPoints[0].getX(), zeroY));
fillElements.add(new LineTo(dataPoints[0].getX(), dataPoints[0].getY()));
// add curves
for (int i = 1; i < dataPoints.length; i++) {
final int ci = i - 1;
strokeElements.add(new CubicCurveTo(
firstControlPoints[ci].getX(), firstControlPoints[ci].getY(),
secondControlPoints[ci].getX(), secondControlPoints[ci].getY(),
dataPoints[i].getX(), dataPoints[i].getY()));
fillElements.add(new CubicCurveTo(
firstControlPoints[ci].getX(), firstControlPoints[ci].getY(),
secondControlPoints[ci].getX(), secondControlPoints[ci].getY(),
dataPoints[i].getX(), dataPoints[i].getY()));
}
// end the paths
fillElements.add(new LineTo(dataPoints[dataPoints.length - 1].getX(), zeroY));
fillElements.add(new ClosePath());
}
/**
* Calculate open-ended Bezier Spline Control Points.
*
* @param dataPoints Input data Bezier spline points.
* @return The spline points
*/
public static Pair<Point2D[], Point2D[]> calcCurveControlPoints(Point2D[] dataPoints) {
Point2D[] firstControlPoints;
Point2D[] secondControlPoints;
int n = dataPoints.length - 1;
if (n == 1) { // Special case: Bezier curve should be a straight line.
firstControlPoints = new Point2D[1];
// 3P1 = 2P0 + P3
firstControlPoints[0] = new Point2D(
(2 * dataPoints[0].getX() + dataPoints[1].getX()) / 3,
(2 * dataPoints[0].getY() + dataPoints[1].getY()) / 3);
secondControlPoints = new Point2D[1];
// P2 = 2P1 – P0
secondControlPoints[0] = new Point2D(
2 * firstControlPoints[0].getX() - dataPoints[0].getX(),
2 * firstControlPoints[0].getY() - dataPoints[0].getY());
return new Pair<Point2D[], Point2D[]>(firstControlPoints, secondControlPoints);
}
// Calculate first Bezier control points
// Right hand side vector
double[] rhs = new double[n];
// Set right hand side X values
for (int i = 1; i < n - 1; ++i) {
rhs[i] = 4 * dataPoints[i].getX() + 2 * dataPoints[i + 1].getX();
}
rhs[0] = dataPoints[0].getX() + 2 * dataPoints[1].getX();
rhs[n - 1] = (8 * dataPoints[n - 1].getX() + dataPoints[n].getX()) / 2.0;
// Get first control points X-values
double[] x = GetFirstControlPoints(rhs);
// Set right hand side Y values
for (int i = 1; i < n - 1; ++i) {
rhs[i] = 4 * dataPoints[i].getY() + 2 * dataPoints[i + 1].getY();
}
rhs[0] = dataPoints[0].getY() + 2 * dataPoints[1].getY();
rhs[n - 1] = (8 * dataPoints[n - 1].getY() + dataPoints[n].getY()) / 2.0;
// Get first control points Y-values
double[] y = GetFirstControlPoints(rhs);
// Fill output arrays.
firstControlPoints = new Point2D[n];
secondControlPoints = new Point2D[n];
for (int i = 0; i < n; ++i) {
// First control point
firstControlPoints[i] = new Point2D(x[i], y[i]);
// Second control point
if (i < n - 1) {
secondControlPoints[i] = new Point2D(2 * dataPoints[i + 1].getX() - x[i + 1], 2
* dataPoints[i + 1].getY() - y[i + 1]);
} else {
secondControlPoints[i] = new Point2D((dataPoints[n].getX() + x[n - 1]) / 2,
(dataPoints[n].getY() + y[n - 1]) / 2);
}
}
return new Pair<Point2D[], Point2D[]>(firstControlPoints, secondControlPoints);
}
/**
* Solves a tridiagonal system for one of coordinates (x or y) of first
* Bezier control points.
*
* @param rhs Right hand side vector.
* @return Solution vector.
*/
private static double[] GetFirstControlPoints(double[] rhs) {
int n = rhs.length;
double[] x = new double[n]; // Solution vector.
double[] tmp = new double[n]; // Temp workspace.
double b = 2.0;
x[0] = rhs[0] / b;
for (int i = 1; i < n; i++) {// Decomposition and forward substitution.
tmp[i] = 1 / b;
b = (i < n - 1 ? 4.0 : 3.5) - tmp[i];
x[i] = (rhs[i] - x[i - 1]) / b;
}
for (int i = 1; i < n; i++) {
x[n - i - 1] -= tmp[n - i] * x[n - i]; // Backsubstitution.
}
return x;
}
}
控制器和 App 文件是默认生成的NetBeans。
1 个答案:
答案 0 :(得分：1)
出了什么问题
您的代码中存在多个问题。
-
如果要通过在FXML中引用它来实例化类的实例，则该类需要具有默认（无参数）构造函数。
不幸的是，Introduction to FXML document中的文档并不是很好。
-
如果您希望通过FXML设置实例化类的属性，则该类需要具有适当的getter和setter。请参阅JavaFX properties and binding tutorial中使用的属性命名约定。坚持使用conventions lower camel case方法命名或FXML不会将您的方法作为可设置属性。
-
您正在尝试将CategoryAxis分配给自定义图表的XAxis，但您提供的自定义图表类型要求XAx是NumberAxis。
-
前两条规则的例外情况是，如果您提供构建器类（下面提供了示例构建器类）。
示例构建器类
这是AreaChart类的构建器代码，它允许它以您使用它的方式在FXML中使用。如果您希望以相同的方式使用自定义图表，则需要创建自己的构建器。
package javafx.scene.chart;
/**
Builder class for javafx.scene.chart.AreaChart
@see javafx.scene.chart.AreaChart
@deprecated This class is deprecated and will be removed in the next version
* @since JavaFX 2.0
*/
@javax.annotation.Generated("Generated by javafx.builder.processor.BuilderProcessor")
@Deprecated
public class AreaChartBuilder<X, Y, B extends javafx.scene.chart.AreaChartBuilder<X, Y, B>> extends javafx.scene.chart.XYChartBuilder<X, Y, B> {
protected AreaChartBuilder() {
}
/** Creates a new instance of AreaChartBuilder. */
@SuppressWarnings({"deprecation", "rawtypes", "unchecked"})
public static <X, Y> javafx.scene.chart.AreaChartBuilder<X, Y, ?> create() {
return new javafx.scene.chart.AreaChartBuilder();
}
private javafx.scene.chart.Axis<X> XAxis;
/**
Set the value of the {@link javafx.scene.chart.AreaChart#getXAxis() XAxis} property for the instance constructed by this builder.
*/
@SuppressWarnings("unchecked")
public B XAxis(javafx.scene.chart.Axis<X> x) {
this.XAxis = x;
return (B) this;
}
private javafx.scene.chart.Axis<Y> YAxis;
/**
Set the value of the {@link javafx.scene.chart.AreaChart#getYAxis() YAxis} property for the instance constructed by this builder.
*/
@SuppressWarnings("unchecked")
public B YAxis(javafx.scene.chart.Axis<Y> x) {
this.YAxis = x;
return (B) this;
}
/**
Make an instance of {@link javafx.scene.chart.AreaChart} based on the properties set on this builder.
*/
public javafx.scene.chart.AreaChart<X, Y> build() {
javafx.scene.chart.AreaChart<X, Y> x = new javafx.scene.chart.AreaChart<X, Y>(this.XAxis, this.YAxis);
applyTo(x);
return x;
}
}
示例代码修改
我对您的FXML和Oracle自定义图表代码进行了轻微的重构，以允许您在FXML中引用它。此代码只是一个让您入门的示例，您需要进行更多修改才能以您希望的方式绘制有用的图表。
示例不采用自定义构建器类方法，而是使用默认构造函数并将轴公开为属性。
在CurveFittedAreaChart类中，替换：
public CurveFittedAreaChart(NumberAxis xAxis, NumberAxis yAxis) {
super(xAxis, yAxis);
}
使用：
public CurveFittedAreaChart() {
super(new NumberAxis(), new NumberAxis());
}
如果您需要修改轴（例如，更改其自动测距功能），则可以使用@FXML在控制器中插入图表，在控制器初始化方法中从中检索轴，并在代码中修改轴那里。
在您的FXML中删除您的轴规格，例如，图表仅参考如下：
<CurveFittedAreaChart layoutX="10.0" layoutY="160.0" prefHeight="200.0" prefWidth="444.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="250.0">
</CurveFittedAreaChart>
关于SceneBuilder中使用情况的相关信息
如果你还想在SceneBuilder中使用你的自定义组件（这肯定不是你的问题所要求的），你还应该执行其他任务：
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？