使用Applet创建动画

时间:2013-10-29 02:00:18

标签: java swing animation repaint japplet

我正在开发一个使用JApplet的Java程序,它可以让球上下跳动。我能够将形状绘制到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();

1 个答案:

答案 0 :(得分:4)

首先,动画是随时间变化的幻觉。首先,您需要一些方法来定期更新您的值。

其次,Swing是一个单线程框架,这意味着任何阻止此线程的东西都会阻止Event Dispatching Thread处理新事件,包括重绘请求。

第三,预计UI的所有交互,更改或更新都将在EDT的上下文中执行。

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

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

首先覆盖init

startstopJApplet方法
@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声明为applet中的实例变量,并将其值设置为2。应将此逻辑添加到actionPerformed

注册的ActionListener Timer方法中

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

您还应该从resize方法中删除paint调用,因为这会导致发出更多重新发送的请求,最终会占用您的CPU。

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

要解决此问题,我们可以创建一个从DrawPanel延伸的简单JPanel并覆盖它的paintComponent方法

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

的东西

enter image description here

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);
        }
    }
}

另外,在覆盖方法时要小心,getXgetY方法具有非常特殊的含义,你可以通过覆盖它们来削弱你的应用程序......

我还质疑是否需要使用JApplet,最好只使用JFrame开始,这样可以更加轻松地正常工作。

请查看Concurrency in SwingHow to use Swing Timers了解详情