【Java学习笔记】GUI界面之简单动画

------<a href="http://www.itheima.com" target="blank">Java培训、Android培训、iOS培训、.Net培训</a>、期待与您交流！ -------

最近开始学习Java的Swing界面编程，终于有了自己的一个界面程序，实现的功能很简单：使用线程和JPanel对象来绘制动画。

package exp;

import java.awt.Color;
import java.awt.Graphics;

import javax.swing.JFrame;
import javax.swing.JPanel;

/**
 * java Swing界面编程
 * 实现简单的动画
 * 
 * @author VisionDo
 *
 */
public class GUI_Exp extends JFrame {

	private static final int WIDTH = 650;//界面的宽度
	private static final int HEIGHT = 600;//界面的高度
	
	
	public static void main(String[] args) {
		GUI_Exp ge = new GUI_Exp();
		ge.ShowMoon();
	}

	private void ShowMoon(){
		MyPanel panel = new MyPanel();//得到面板对象
		Thread t = new Thread(panel);//启动面板的动画线程
		t.start();
		this.add(panel);//将面板加载到Frame主窗口里
	}
	
	public GUI_Exp(){
		this.setSize(WIDTH, HEIGHT);//设置GUI界面的宽高
		this.setTitle("月夜");//设置标题
		this.setResizable(false);//设置窗口大小不可改变
		this.setLocationRelativeTo(null);//设置窗口位置居中
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//默认关闭操作
		this.setVisible(true);//设置窗口可见
		}
	
	
	
}

/**
 * 面板类
 * 所有的绘画操作都在该类内实现
 * 
 * 实现Runnable接口
 * 
 * @author VisionDo
 *
 */
class MyPanel extends JPanel implements Runnable{

	int x = 0;
	int y = 0;
	int r = 50;
	@Override
	public void paint(Graphics g) {
		super.paint(g);
		this.setBackground(Color.blue);//设定背景颜色
		g.setColor(Color.yellow);//设置画笔颜色
		g.fillOval(x, y+50, 100, 100);//画一个实心圆
		g.setColor(Color.blue);//重新设定画笔颜色
		g.fillOval(x, y, 2*r, 2*r);//画实心圆
	}
	
	//动画过程在线程内实现
	@Override
	public void run() {
		while(true){//月亮的位置一直向下移动
			x++;
			y++;
			if(x >this.getWidth()){//直到到达窗口边界
				x = 0;
				y = 0;
			}
			try {
				Thread.sleep(30);//暂停三秒
			} catch (InterruptedException e) {
				e.printStackTrace();
			}
			repaint();//三秒后重新开始
		}
		
	}
	
	
	
	
}

运行程序后，效果如图：

界面很丑，其实，我们可以自定义背景的，接下来我们找素材：

背景素材

月亮素材：

修改程序代码：

@Override
	public void paint(Graphics g) {
		Image bg,moon;
	    ImageIcon icon;
		super.paint(g);
		icon = new ImageIcon("src/bg.jpg");
		bg =icon.getImage();
		g.drawImage(bg,0,0, null);
		
		icon = new ImageIcon("src/moon.png");
		moon = icon.getImage();				
		g.drawImage(moon, x, y, null);
		
		paintComponents(g);
	}

将素材图片复制到程序src目录下

再次运行后：

【小结】

Java的GUI界面编程，主要就是JFrame和JPanel结合起来。JFrame负责外部框架，JPanel相当于画板，各类绘画操作均在Panel对象内的Paint方法中实现。Java提供了常用的绘画操作，比如DrawImage画图片，DrawString写文字，还有许多基础图形的绘画操作，如DrawOvel画圆形，DrawRec画矩形等等。通过学习，我对GUI稍稍有了解了。以后还要多练习。