java - 使用 JApplet 创建动画

Question

我正在开发一个 Java 程序，该程序使用 JApplet 使球上下弹跳。我能够将形状绘制到 JApplet 和类似的东西上。我似乎无法让它移动。我已经对此进行了调查，发现我需要创建一种方法来暂停形状，然后将其从 JApplet 中清除，更改坐标，然后在新区域中重新绘制形状，但由于某种原因，它对我不起作用。

提前感谢您的帮助。

import java.awt.Color;
import java.awt.Graphics;
import javax.swing.JApplet;


public class Circle extends JApplet {

int x=100;
int y=100;
int diameter=50;


public void paint(Graphics g) {

int xResize=500;
int yResize=500;

super.paint(g);
resize(xResize,yResize);
g.drawOval(x, y, diameter, diameter);   
}

public Circle (int startX, int startY,int startDiameter) {

this.x=startX;
this.y=startY;
this.diameter=startDiameter;

} 

public int getX() {
return x;
}
public void setX(int startX){
x=startX;
}
public int getY() {
return y;
}
public void setY(int startY){
y=startY;
}
public int getDiameter() {
return diameter;
}
public void setDiameter(int startDiameter){
diameter=startDiameter;


}

while (ball.getY() + ballDiameter < windowHeight) {

g.clearRect(x-1,100,20,20); 

g.fillOval(x,100,20,20); 

try 

{ 

Thread.sleep(70); 

} 

catch(Exception e) 

{ 

} 


pause.wait(0.05);

//g.clearRect(0,0,windowWidth,windowHeight);

g.clearRect(x-1,100,20,20); 

g.fillOval(x,100,20,20); 

try 

{ 

Thread.sleep(70); 

} 

catch(Exception e) 

{ 

} 

ball.setY( ball.getY()+spacer); 


}


while (ball.getY() + ballDiameter > 0) {

g.clearRect(x-1,100,20,20); 

g.fillOval(x,100,20,20); 

try 

{ 

Thread.sleep(70); 

} 

catch(Exception e) 

{ 

} 

pause.wait(0.05);
//g.clearRect(0,0, windowWidth, windowHeight);
ball.setY(ball.getY()-spacer);


}

弹跳球类:

import java.awt.Color;
import java.awt.Graphics;
import javax.swing.JApplet;

public class BouncingBall extends JApplet {

public void paint(Graphics g) {

super.paint(g);

final int x = 0;
int y = 0;
final int diameter = 15;
final int spacer = 5;
int windowWidth = getWidth();
int windowHeight = getHeight();

Circle ball = new Circle(x, y, diameter);
Pause pause = new Pause();
int ballDiameter = ball.getDiameter();
int roof = getHeight();

Answer 1

首先，动画是随时间变化的幻觉。因此，首先，您需要一些方法来定期更新您的值(value)观。

其次，Swing 是一个单线程框架，这意味着任何阻塞该线程的东西都会阻止事件调度线程处理新事件，包括重绘请求。

第三，UI 的所有交互、更改或更新都应在 EDT 的上下文中执行。

这意味着，您需要某种方式在后台等待(离开 EDT)，它可以在执行更新时通知您并将这些更新同步回 EDT。

javax.swing.Timer是实现此目的的完美人选。它可以在后台等待指定的时间；它会通知 ActionListener当时间段到期并且可以重复时，在 EDT 的上下文中。

首先覆盖 init , start和 stop JApplet 的方法

@Override
public void init() {
    super.init(); 
    timer = new Timer(40, new ActionListener() {

        @Override
        public void actionPerformed(ActionEvent e) {
        }
    });
}

@Override
public void start() {
    super.start();
    timer.start();
}

@Override
public void stop() {
    timer.stop();
    super.stop(); 
}

基本上，这构造了一个 Timer , 适本地启动和停止它。

接下来，我们需要为动画提供一些逻辑......

正如我之前所说，动画是随时间移动的错觉。我们已经(或多或少)处理了时间部分，现在我们需要运动。

基本思想是对当前值应用少量更改并提供边界检查并最终重绘结果。

x += delta;
if (x < 0) {
    x = 0;
    delta *= -1;
} else if (x + diameter > getWidth()) {
    x = getWidth() - diameter;
    delta *= -1;
}
repaint();

在这里，我声明了 delta作为小程序中的实例变量并将其值设置为 2 .此逻辑应添加到 actionPerformed ActionListener 的方法在 Timer 注册

要使其运行，您需要删除构造函数，因为小程序必须具有默认/空构造函数。

您还应该删除 resize来自 paint 的电话方法，因为这只会导致发出更多重绘请求，最终会消耗您的 CPU。

当你运行它时，你可能会幸运地偶尔看到圆圈(或者它会闪烁)。这是因为 Swing 中的顶级容器不是双缓冲的。现在，您可以实现自己的缓冲策略，但 Swing 组件默认是双缓冲的...

为了解决这个问题，我们可以创建一个简单的 DrawPanel从 JPanel 延伸并覆盖它的 paintComponent方法

所以你最终可能会得到更像...

import java.awt.BorderLayout;
import java.awt.Graphics;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.JApplet;
import javax.swing.JPanel;
import javax.swing.Timer;

public class Circle extends JApplet {

    private int delta = 2;

    private Timer timer;
    private DrawPane drawPane;

    @Override
    public void init() {
        super.init();
        setLayout(new BorderLayout());
        drawPane = new DrawPane();
        add(drawPane);
        timer = new Timer(40, new ActionListener() {

            @Override
            public void actionPerformed(ActionEvent e) {
                int x = drawPane.getAnimationX();
                int diameter = drawPane.getDiameter();
                x += delta;
                if (x < 0) {
                    x = 0;
                    delta *= -1;
                } else if (x + diameter > getWidth()) {
                    x = getWidth()- diameter;
                    delta *= -1;
                }
                drawPane.setAnimationX(x);
                repaint();
            }
        });
    }

    @Override
    public void start() {
        super.start();
        timer.start();
    }

    @Override
    public void stop() {
        timer.stop();
        super.stop();
    }

    public class DrawPane extends JPanel {

        int x = 100;
        int y = 100;
        int diameter = 50;

        public void setAnimationX(int x) {
            this.x = x;
        }

        public void setAnimationY(int y) {
            this.y = y;
        }

        public int getAnimationX() {
            return x;
        }

        public int getAnimationY() {
            return y;
        }

        public int getDiameter() {
            return diameter;
        }

        public void setDiameter(int startDiameter) {
            diameter = startDiameter;
        }

        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            g.drawOval(x, y, diameter, diameter);
        }
    }
}

此外，重写方法时要小心，getX和 getY方法具有非常特殊的含义，您可以通过覆盖它们来削弱您的应用程序...

我还质疑是否需要使用 JApplet , 最好从使用 JFrame 开始这更容易正常工作。

看看Concurrency in Swing和 How to use Swing Timers了解更多详情