如何定义图片按钮?

这里使用eclipse进行演示。

首先,新建java project :test,将要使用的图片img\test.png放置在工程test文件夹下,即如下目录结构:

如何定义图片按钮?

1、自定义按钮类:custom.iconbutton.MyButton

代码如下:

package custom.iconbutton;

import java.awt.Graphics;
import java.awt.Image;
import javax.swing.Icon;
import javax.swing.ImageIcon;
import javax.swing.JButton;
public class MyButton extends JButton{
	private static final long serialVersionUID = 1L;
	private Image img;
	public MyButton(){
		super();
	}
	public MyButton(Icon name){
		super(name);
	}
	@Override
	protected void paintComponent(Graphics g){
		super.paintComponent(g);
		if(img != null)
			g.drawImage(img, 0, 0, this.getWidth(), this.getHeight(), this);
	}
	@Override
	public void setIcon(Icon icon){
		img = ((ImageIcon)icon).getImage();
		repaint();
	}
}

上述代码分别覆写了父类中的方法paintComponent(Graphics g)和setIcon(Icon icon)。

其中:

g.drawImage(...)方法是在按钮上绘图,0、0是绘图起始位置,getWidth()方法获得按钮的宽,getHeight()获取按钮的高度,this监控此按钮。super.paintComponent(g);并不是必要的。

setIcon方法中,repaint();并不是必要的,因为在绘图时候会自动调用paintComponent方法。

2、写一个测试类:custom.Test

代码如下:

package custom;

import java.io.File;
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import custom.iconbutton.MyButton;
public class Test extends JFrame{
	private static final long serialVersionUID = 1L;
	
	public Test(){
		setDefaultCloseOperation(DISPOSE_ON_CLOSE);
		setTitle("测试自定义图片按钮");
		setLayout(null);
		JButton but = new MyButton();
		but.setBounds(50, 50, 100, 100);
		//给按钮设置图片
		but.setIcon(new ImageIcon("img" + File.separator + "test.png"));
		//
		getContentPane().add(but);
		setLocation(300,300);
		setSize(300,300);
	}
	
	public static void main(String[] args) {
		new Test().setVisible(true);
	}
}

其中,注释下面调用的setIcon方法给按钮添加图片。

3、运行测试类结果如下:

如何定义图片按钮?

图片充满了整个按钮。

至此,自定义图片按钮结束。

当然,活学活用,这种方法可以用在多种控件上,不止是JButton,JPanel等也可以。


你可能感兴趣的:(自定义,JButton,图片按钮)