使用JApplet創建動畫

Question

我正在開發一個使用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();

Answer 1

首先，動畫是隨着時間的推移變化的幻覺。 首先，您需要一些方法來定期更新您的值。

其次，Swing是一個單線程框架，這意味着阻止此線程的任何東西都將阻止Event Dispatching Thread處理新事件，包括重繪請求。

第三，預期UI的所有交互，改變或更新都在EDT的上下文中執行。

這意味着，您需要某種方式在后台等待（在EDT之外），這可以在執行更新時通知您，並將這些更新同步回EDT。

javax.swing.Timer是完美的候選人。 它可以在后台等待一段指定的時間; 當時間段到期時，它將在EDT的上下文內通知ActionListener並且可以重復。

首先覆蓋JApplet的init ， start和stop方法

@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();

在這里，我在applet中聲明了delta作為實例變量，並將其值設置為2 。 應將此邏輯添加到使用Timer注冊的ActionListener的actionPerformed方法

要使其運行，您需要刪除構造函數，因為applet必須具有默認/空構造函數。

您還應該從paint方法中刪除resize調用，因為這會導致發出更多重新繪制請求，這最終會占用您的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 。

查看Swing中的Concurrency和如何使用Swing Timers獲取更多詳細信息