Java 动画并重写绘制和更新方法

Question

所以目前我正在尝试为不同顺序的贝塞尔曲线和组成它们的中点设置动画，但我对 Java 中的图形还很陌生。我了解绘画和重新绘画的工作原理，但我不知道如何摆脱这种情况。

贝塞尔曲线点由用户点击决定，repaint()在mouseEvent中调用。

public void paint(Graphics g) {
    initgr();
    int left = iX(-rWidth / 2), right = iX(rWidth / 2), bottom = iY(-rHeight / 2), top = iY(rHeight / 2);
    g.drawRect(left, top, right - left, bottom - top);

    for (int i = 0; i < np; i++) {
        // Show tiny rectangle around point:
        g.drawRect(iX(P[i].x) - 2, iY(P[i].y) - 2, 4, 4);
        if (i > 0)
            // Draw line P[i-1]P[i]:
            g.drawLine(iX(P[i - 1].x), iY(P[i - 1].y), iX(P[i].x),
                    iY(P[i].y));
    }

    if (np == 2 && order == 1)
        bezier1(g, P, gran);
    if (np == 3 && order == 2)
        bezier2(g, P, gran);
    if (np == 4 && order == 3)
        bezier3(g, P, gran);
    if (np == 5 && order == 4)
        bezier4(g, P, gran);
    if (np == 6 && order == 5)
        bezier5(g, P, gran);
}

底部调用的函数转到此处计算和绘制的贝塞尔曲线。

void bezier3(Graphics g, Point2D[] p, int n) {
    javax.swing.Timer timer = new javax.swing.Timer(100,
            new TimerListener());
    timer.setDelay(39);
    timer.start();
    float dt = 1.0F / n, cx3 = -p[0].x + 3 * (p[1].x - p[2].x) + p[3].x, cy3 = -p[0].y
            + 3 * (p[1].y - p[2].y) + p[3].y, cx2 = 3 * (p[0].x - 2
            * p[1].x + p[2].x), cy2 = 3 * (p[0].y - 2 * p[1].y + p[2].y), cx1 = 3 * (p[1].x - p[0].x), cy1 = 3 * (p[1].y - p[0].y), cx0 = p[0].x, cy0 = p[0].y, x = p[0].x, y = p[0].y, x0, y0, x2, y2;
    for (int i = 1; i <= n; i++) {

        float t = i * dt;

        x0 = x;
        y0 = y;
        x = ((cx3 * t + cx2) * t + cx1) * t + cx0;
        y = ((cy3 * t + cy2) * t + cy1) * t + cy0;
        // x2 = ((cx3 * (.5F*t) + cx2) * (.5F*t) + cx1) * (.5F*t) + cx0;
        // y2 = ((cy3 * (.5F*t) + cy2) * (.5F*t) + cy1) * (.5F*t) + cy0;
        x2 = p[1].x * t;
        y2 = p[1].y * t;

        Point2D A = tcalc(P[0], P[1], t), B = tcalc(P[2], P[3], t), C = tcalc(
                P[1], P[2], t), A1 = tcalc(A, C, t), B1 = tcalc(C, B, t);

        g.setColor(Color.red);
        g.drawLine(iX(x0), iY(y0), iX(x), iY(y));
        // paint(g);
        g.setColor(Color.green);
        g.drawLine(iX(A.x), iY(A.y), iX(C.x), iY(C.y));
        g.drawLine(iX(C.x), iY(C.y), iX(B.x), iY(B.y));
        g.setColor(Color.blue);
        g.drawLine(iX(A1.x), iY(A1.y), iX(B1.x), iY(B1.y));
    }
}

所以我知道我不应该在这些方法中绘画，而应该在绘画中绘画。然而，我有 5 个这样的函数，我不知道如何将它们放入绘画中，如果我更改其他方法来更新，当我想继续选择下一个点时，它永远不会删除用户单击的点。您可以看到我尝试放入一个基本的 Swing 计时器，但我什至不确定这是否适用于这种情况的动画。

有什么方法可以让它在贝塞尔函数内部工作吗？我只是不知道如何才能把拉绳拿出来。我的第 5 阶有大约 11 个中点被不断计算。显然，我对java图形这部分的理解充其量是不稳定的，所以任何正确方向的观点都将不胜感激。如果我在研究中发现任何东西，我会更新问题。

感谢您的帮助。

Answer 1

忘记计时器。尝试paintComponent。

面向对象有助于保持概览，简化变量数量。

• 使用 Paint(Graphics) {} 和 onMouse(MouseEvent){} 创建基类贝塞尔曲线。
• 导出 Bezier1、~2、~3 等。
• 并且有变量 Bezier bezier2 = new Bezier2(); ...
• 并在您的paintCompont中调用bezier2.paint(g)。

然后在鼠标处理中尝试repaint(10L)左右。尝试学习(paintImmediate 等)。