java - 如何制作一个动画圈？

Question

我仍在学习 GUI，但在理解线程方面仍然遇到一些困难:/

我正在制作这个 GUI，其中有 2 个圆圈，一大圈 (100x100) 和一小圈 (50x50)。小圆圈将到达大圆圈的边缘，在 0.5 秒内，小圆圈将到达中心，当用户必须单击时。每当用户在圆圈位于中间时单击时，用户就会得分。我遇到的唯一麻烦是圆圈没有移动，因为我怀疑它与我的线程有关，因此我使用线程的原因是为了了解如何使用它们。

图形用户界面

public class gui extends JPanel implements MouseListener,
    Runnable {
Thread t = new Thread();


int score = 0;
int rnd;
static final int smallcircleposx = 75;
static final int smallcircleposy = 75;
int circleposx = 75;
int circleposy = 75;
int mousex, mousey;
Random random = new Random();

public gui() {

}

public void paintComponent(Graphics g) {
    super.paintComponent(g);
    g.setColor(Color.BLUE);
    g.fillOval(50, 50, 100, 100);
    g.setColor(Color.RED);
    g.fillOval(circleposx, circleposy, 50, 50);

}

// THREAD FOR MOVING THE CIRCLE
public void run() {
    rnd = random.nextInt(999);

    if (rnd % 5 == 0) {
        circleposx = circleposx + 25;
    } else if (rnd % 4 == 0) {
        circleposx = circleposx - 25;
    } else if (rnd % 3 == 0) {
        circleposy = circleposy + 25;
    } else {
        circleposy = circleposy - 25;
    }

    try {
        Thread.sleep(500);
        circleposx = smallcircleposx;
        circleposy = smallcircleposy;
    } catch (InterruptedException e) {
        // TODO Auto-generated catch block
        e.printStackTrace();
    }

}

public void mouseClicked(MouseEvent m) {

    if (circleposx == smallcircleposx && circleposy == smallcircleposy) {
        score++;
    }
}

主要内容

public class main {

public static void main(String[] args) {
    JFrame frame = new JFrame("Circle enlarger");
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.setSize(400,400);
    frame.setVisible(true);

    gui co = new gui();
    frame.add(co);
    frame.addMouseListener(co);
    Thread x = new Thread(new gui());
    x.start();


}

}

我知道我没有使用所有的 mouselistener 方法。

Answer 1

需要记住的一些要点:

1. 如果您不重写所有方法，请使用 MouseAdaptor 而不是 MouseListener。

2. 不要直接在顶级容器(例如 JFrame、JApplet)上绘制，而是使用 JPanel

3. 不要使用有时会挂起整个 swing 应用程序的 Thread.sleep()，而是尝试使用 Swing Timer最适合 Swing 应用。

   了解更多 How to Use Swing Timers

4. 不要忘记在重写的 paintComponent() 方法中调用 super.paintComponent()。

5. 添加完所有组件后最后调用frame.setVisible(true)。

6. 使用 frame.pack() 而不是 frame.setSize()，根据组件的首选尺寸来适合组件。

7. 重写 getPreferredSize() 以设置自定义绘画时 JPanel 的首选大小。

8. 使用SwingUtilities.invokeLater()或EventQueue.invokeLater()确保EDT已正确初始化。

   了解更多

   • Why to use SwingUtilities.invokeLater in main method?

   • SwingUtilities.invokeLater

   • Should we use EventQueue.invokeLater for any GUI update in a Java desktop application?

值得一读Lesson: Performing Custom Painting

<小时/>

示例代码:(根据您的自定义绘画进行更改)

private Timer timer;
...
// 500 Milli-seconds 
timer = new javax.swing.Timer(500, new ActionListener() {

    @Override
    public void actionPerformed(ActionEvent arg0) {
        // change the coordinate
        panel.repaint();

        if (condition) {
            timer.stop(); // you can stop the timer anytime
        }
    }
});
timer.setRepeats(true); // you can turn-off the repeatation
timer.start();

public static void main(String args[]) {
    SwingUtilities.invokeLater(new Runnable() {

        @Override
        public void run() {
            // Initialize the UI
        }
    });
}

class MyJPanel extends JPanel {
    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        ...
    }

    @Override
    public Dimension getPreferredSize() {
        return new Dimension(..., ...);
    }
}