我可以将2D变换应用于JavaFX8画布上的形状吗？

Question

我正在将以前在Swing中完成的一个类移植到JavaFX8。它显示一个UI元素，看起来像一个模拟电压表，有一个半圆，周围有一组固定间隔的“tic标记”。在Swing版本中，该类是JPanel的扩展，tic标记在paintComponent（图g）中绘制，如下所示：

private Line2D ticLine = new Line2D.Float(0, LINE_ROOT_Y, TIC_LENGTH, LINE_ROOT_Y);

public void paintComponent(Graphics g)
   {
      super.paintComponent(g);
      Graphics2D g2 = (Graphics2D) g;

      // Draw tic marks
      if (ticCount > 0)
      {
         g2.draw(ticLine); // First tic

         AffineTransform ticTrans = new AffineTransform();
         // Draw all additional tics rotated around half circle
         for (int i = 1; i < ticCount; i++)
         {
            ticTrans.rotate(Math.toRadians(ticGap),
                 METER_MIDDLE, METER_BASE_Y);
            g2.draw(ticTrans.createTransformedShape(ticLine));
         }
      }
   }

这很有效。

现在使用JavaFX，我使用了一个扩展VBox的类。它包含2个堆叠的画布对象。其中一个将绘制静态元素，如半圆和tic标记，另一个用于规则移动的仪表线。在第一张画布上，我希望使用与Swing版本类似的循环，在半圆周围的额外位置的ticCount中轻松重画第一个tic标记。因此，我尝试了以下编译并运行的方法，但只绘制了第一个tic标记：

// Called from the constructor:
MeterGC = MeterCanvas.getGraphicsContext2D();
Line ticLine = new Line(0, LINE_ROOT_Y, TIC_LENGTH, LINE_ROOT_Y);

// Draw tic marks
if (ticCount > 1)
{
   MeterGC.setStroke(Color.GRAY);
   MeterGC.setLineWidth(BASIC_LINE_WIDTH);
   MeterGC.strokeLine(ticLine.getStartX(), ticLine.getStartY(), 
                      ticLine.getEndX(), ticLine.getEndY());

   Rotate ticTrans = new Rotate(Math.toRadians(ticGap), METER_MIDDLE, METER_BASE_Y);
   for (int i = 1; i < ticCount; i++)
   {
      ticLine.getTransforms().add(ticTrans);
      MeterGC.strokeLine(ticLine.getStartX(), ticLine.getStartY(), 
                         ticLine.getEndX(), ticLine.getEndY());
    }
}

这可能是试图转换像这样的形状对象只在绘制到一个场景时工作，而不是在画布上。或者我必须在“ticLine.get转换（）”行之后做一些事情。添加（ticTrans）行以使它们应用到该行。我至少接近了吗？还是有更好的方法来做我正在尝试的事情？

Answer 1

这是我修改后的for循环，它工作得很好。注意到在JavaFX中不再需要将Rotate中的角度转换为弧度，这也是让它工作的关键。

for (int i = 1; i < ticCount; i++)
{
   Rotate ticTrans = new Rotate(ticGap * i, METER_MIDDLE, METER_BASE_Y);
   MeterGC.setTransform(ticTrans.getMxx(), ticTrans.getMyx(), ticTrans.getMxy(),
                        ticTrans.getMyy(), ticTrans.getTx(), ticTrans.getTy());
   MeterGC.strokeLine(ticLine.getStartX(), ticLine.getStartY(), 
                      ticLine.getEndX(), ticLine.getEndY());
}

Answer 2

你做错了什么

在示例代码中，将变换应用于行对象（从未显示）。

如何修复它

在画布上划行之前，需要在画布上设置变换GraphicsContext。

样本代码

有关示例，请参阅：

• 如何绘制在JavaFX画布上旋转的图像？

/**
 * Sets the transform for the GraphicsContext to rotate around a pivot point.
 *
 * @param gc the graphics context the transform to applied to.
 * @param angle the angle of rotation.
 * @param px the x pivot co-ordinate for the rotation (in canvas co-ordinates).
 * @param py the y pivot co-ordinate for the rotation (in canvas co-ordinates).
 */
private void rotate(GraphicsContext gc, double angle, double px, double py) {
    Rotate r = new Rotate(angle, px, py);
    gc.setTransform(r.getMxx(), r.getMyx(), r.getMxy(), r.getMyy(), r.getTx(), r.getTy());
}