Java绘图框架刷新问题：BlueJ中如何实现移动物体？

Hey there, fellow Java newbie! I’ve been right where you are—excited to make an object move, only to end up with a messy trail of shapes instead of smooth motion. Let’s work through this together, no extra packages needed (perfect for your BlueJ setup!).

The Root Problem #

Right now, your loop is drawing a new circle at each position but never erasing the old ones. That’s why you see a whole line of circles instead of one moving object. Animation works by replacing the old frame with a new frame every time the object shifts position.

Step-by-Step Fix #

Here’s how to adjust your code to get the movement you want:

1. Clear the Panel Before Each New Frame #

Before drawing your object’s new position, fill the entire panel with its background color. This wipes out all previous drawings. Use fillRect() to cover the full panel area.

2. Add a Small Delay #

Computers run loops insanely fast—without a pause, the movement will happen so quickly you won’t even see it. Use Thread.sleep() to add a short delay between frames (tweak the number to make movement faster or slower).

3. Update the Object’s Position #

In each loop iteration, adjust the x/y coordinates of your object to simulate movement (e.g., add 5 to the x-value to move right).

4. Refresh the Panel #

Call panel.repaint() to make sure the new frame shows up immediately—some versions of Drawing Panel need this to update the display properly.

Example Corrected Code #

Here’s a working snippet you can adapt for your project:

import java.awt.Color;
import java.awt.Graphics;

public class MovingCircle {
    public static void main(String[] args) {
        DrawingPanel panel = new DrawingPanel(400, 400);
        Graphics g = panel.getGraphics();
        
        int x = 50;       // Starting x position
        int y = 150;      // Starting y position
        int circleSize = 30;
        
        for (int i = 0; i < 80; i++) { // Loop to move the circle 80 times
            // 1. Clear the entire panel to erase old drawings
            g.setColor(panel.getBackground());
            g.fillRect(0, 0, panel.getWidth(), panel.getHeight());
            
            // 2. Draw the circle at its new position
            g.setColor(Color.RED);
            g.fillOval(x, y, circleSize, circleSize);
            
            // 3. Update position (move right by 5 pixels each frame)
            x += 5;
            
            // 4. Add a delay to make movement visible
            try {
                Thread.sleep(60); // 60ms delay—lower = faster, higher = slower
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
            
            // 5. Refresh the panel to show the updated frame
            panel.repaint();
        }
    }
}

Quick Tips for Newbies #

• Never skip clearing the panel: This is the #1 mistake that causes the trail of shapes.
• Tweak the delay value: Play around with the number inside Thread.sleep() to get the speed you want.
• Don’t panic about the exception: Java requires you to catch InterruptedException when using sleep—it’s just part of the process for now!

内容的提问来源于stack exchange，提问作者Aaron