如何扩展JavaFX Shape类以实现自定义形状

Question

我正在开发一个应用程序来模拟一些特定问题的2D几何形状。当然，我想在屏幕上绘制该几何图形，让用户实际看到它。

JavaFX有一些2D形状，如矩形、椭圆形等。它也有三次和四次曲线，实现为贝塞尔曲线。搜索自定义形状没有帮助，因为我所找到的只是一些形状元素的例子，如路径，并将它们放在一起绘制自定义形状，如心形或菱形。搜索关于如何通过扩展shape类来实现新形状的信息就更没用了。

我要画的是任意阶任意长的B样条曲线。我知道如何计算和实现样条本身，但我不知道如何实现它们作为一个新的形状，或形状包装。

我查看了JavaFX的源代码和纪录片。似乎这些形状本身就是某种包装类。E、 g.椭圆类包含一个椭圆作为成员，它是几何体包的一部分。这种递归走得相当远。

现在，JavaFX必须使用某种方法来绘制曲线，但我找不到它。

那么，如何扩展JavaFX形状以创建例如样条线类？什么方法/类是Java绘制它的关键？

希望有人能帮帮我。

你真诚的Thorsten

Answer 1

我试图做类似的事情，但我没有尝试扩展Shape，而是尝试扩展PathElement。我这样做是为了实现一个nurbsTo方法，它允许我绘制NURBS或B样条曲线。PathElement是一个抽象类，希望您覆盖:

void addTo(NGPath)

它不是公共的，所以如果您想这样做，您的新类必须在javafx/scene/shape包中。所以基本上，你不能这样做。看到这篇文章，我快速地看了看写一个扩展形状的调用是否可行，正如托尔斯滕正确指出的那样，这看起来像是一条艰难的路径，所以我没有继续下去。

我采用的方法是使我的 NURBS 类生成一组 MoveTo 命令。我以足够的增量值迭代U（t）以获得足够的点，以便曲线看起来平滑。这可能是完成Thorsen发布的需求的最合理方法。如果你看看像Circle这样的东西的javafx实现，它在内部也在做同样的事情。默认情况下，Circle 类计算圆形形状上的 64 个点并绘制线条。对于大多数NURBS和B-样条曲线，我发现100个点看起来不错且平滑，但这当然取决于所使用的程度，控制点和节点。

Answer 2

我想看看JSilhoutte是如何实现它们的形状的。

Cross例如，不扩展Shape，但它通过创建两个矩形并使用Shape.union组合它们来生成表示十字的Shape。以下是相关方法：

@Override
protected void calculateShape() {
        double cx = getCenterX();
        double cy = getCenterY();
        double r = getRadius();
        double n = validateRoundness(getRoundness());
        double w = validateWidth(getWidth(), r);

        double arcWH = w * n;
        Rectangle beam1 = new Rectangle(cx - r, cy - (w / 2), r * 2, w);
        Rectangle beam2 = new Rectangle(cx - (w / 2), cy - r, w, r * 2);
        beam1.setArcWidth(arcWH);
        beam1.setArcHeight(arcWH);
        beam2.setArcWidth(arcWH);
        beam2.setArcHeight(arcWH);
        Shape shape = Shape.union(beam1, beam2);

        shape.getStyleClass().addAll("silhouette", "silhoutte-cross");

        setShape(shape);
}

因此，您可以使用Shape.union将多个CubicCurve/QuadCurve形状组合在一起，以创建任意顺序和长度的B样条曲线。