java 小动画,Java中的简单动画

I'm attempting to code a simple animation or physics example in a Java Swing application. I have the actual windows application open and working, but I can't figure out how to actually draw my shapes, and how I'd format the code for calculations between frames, that sort of stuff.

I've read some stuff about over riding a paint method, but I don't know what that means, and I don't believe I'm using it in the code I'm using right now. This is my code:

public class Physics extends JFrame{

public Physics() {

initUI();

}

private void initUI() {

JPanel panel = new JPanel();

getContentPane().add(panel);

panel.setLayout(null);

final JLabel label = new JLabel("Hi, press the button to do something");

label.setBounds(20, 0, 2000, 60);

final JButton submitButton = new JButton("Start");

submitButton.setBounds(20, 150, 80, 20);

submitButton.addActionListener(new ActionListener() {

@Override

public void actionPerformed(ActionEvent e) {

//Put button code here later

}

});

panel.add(label);

panel.add(submitButton);

setTitle("Program");

setSize(300, 250);

setLocationRelativeTo(null);

setDefaultCloseOperation(EXIT_ON_CLOSE);

}

public static void main(String[] args) {

SwingUtilities.invokeLater(new Runnable() {

@Override

public void run() {

Physics ex = new Physics();

ex.setVisible(true);

}

});

}

}

So I have some blank space above my button where I'd like to draw maybe a square or circle moving across the screen to start off with, once I get that down I can start getting into the more advanced stuff. Any hints on how to do that would be appriciated :D

Thanks!

解决方案

"I've read some stuff about over riding a paint method, but I don't know what that means"

So you've overridden actionPerformed, so you know what an @Override is. As you'll notice from the ActionListener, you never actually explicitly call actionPerformed, but whatever you put in the there, still get's used. That's because the ActionListener implicitly call it for you.

The same is true with painting. In the Swing painting process, there is a paint chain that Swing uses to paint components. Along the way paint is called somewhere. So just like actionPerformed, you can override paint and it will get implicitly called for you.

@Override

public void paint(Graphics g) {

super.paint(g);

}

The Graphics object passed to the method is the graphics context that Swing will use for the painting. You can look at the Graphics API to see the methods you can use. You can use drawOval to draw a circle

@Override

public void paint(Graphics g) {

super.paint(g);

g.drawOval(x, y, width, height);

}

Now here's the thing. You don't actually want to override paint. In the tutorials linked above, some of the examples will use applets and override paint, but you shouldn'y paint on top level containers like JFrame or JApplet. Instead paint on a JPanel or JComponent and just add it the JFrame. When you do paint on JPanel or JComponent, you'll instead override paintComponent (which also gets called along the paint chain), instead of paint

@Override

protected void paintComponent(Graphics g) {

super.paintComponent(g);

g.drawOval(x, y, width, height);

}

You see how I used variables for the drawOval method. The x is the x location from the top-let of the screen, and y and the y point. width and height are width and height of the circle. The great thing about using variables is that their values can be changed at runtime.

That's where the animation comes to play. As pointed out, you an use a javax.swing.Timer

The basic construct is

public Timer(int delay, ActionListener listener) {

}

The delay is the milliseconds to delay each call to the listener. The listener will have your actionPerformed call back that will do what's inside, every delay milliseconds. So what you can do, is just change the x from the drawOval and repaint(), and it will animate. Something like

Timer timer = new Timer(40, new ActionListener(){

@Override

public void actionPerformed(ActionEvent e) {

x += 5;

repaint();

}

});

timer.start();

The timer code you can just put in the constructor. That's probably simplest explanation I can give. Hope it helps.

Don't forget the to see Custom Painting and Grapics2D for more advance topics on graphics. Also see some example of timers and animation here and here and here and here and here

Also avoid using null layouts. See Laying out Components Within a Container to learn how to use layout managers, as should be done with Swing apps.