Java开发笔记（一百二十三）AWT图像视图

前面介绍了AWT的几种基础控件，从按钮到文本标签，从输入框到选择框，无一例外都能显示文字，惟独没法显示某张图片文件。本觉得AWT会提供专门的控件来显示图片，然而恰恰没有意料之中的图像控件，这可真是弱爆了，竟然不能显示姹紫嫣红的图片，让程序员情何以堪呀。不过咱程序员不是吃素的，与其坐等天上掉馅饼，不如本身动手编写符合要求的图像视图。AWT自带的界面控件，大多由Component类派生而来，该类与展现有关的方法主要有下列两个：
getPreferredSize：该方法可返回控件的推荐宽高。
paint：该方法可以使用画笔Graphics绘制具体的图案，包括各类形状、文字与图像。
看来若想自定义一个新控件，只需重写getPreferredSize和paint两个方法就行了，原来就这么简单。但是对于新手来讲，天晓得要怎样把图片画到界面上，一方面不知道AWT利用哪一种工具读写图片，另外一方面也不知道怎样用画笔描绘图像。目前为止只知晓图片文件能够用File工具打开，且AWT控件属于Component家族，其他的中间过程彻底是一团抓瞎。譬以下面的流程图描述了AWT显示图片文件的步骤。

上图的好几处地方尚不明确，例如：怎样把图片文件读到AWT的缓存当中？AWT的缓存是什么对象类型？怎样把缓存的图像数据描绘到控件上？这些问题如果不弄清楚，前头说的图像视图根本无法作。固然，AWT确实提供了每一个环节须要的工具，尽管有些繁琐，但毕竟能用。这些工具的名称及其用法简要说明以下：
一、图像缓存类BufferedImage，它是AWT专用的图像缓存工具，里面保存着临时的图像数据。
二、图像输入输出工具ImageIO，它是AWT读写图片文件的利器，其中read方法可将图片文件读到图像缓存中，而write方法可将图像缓存保存为图片文件。
三、画笔工具Graphics，前述paint方法的输入参数正是Graphics类型，只要调用画笔对象的drawImage方法，便可在控件上绘制图像缓存。
如今有了上面三个工具，把它们替换进先前AWT显示图片的流程图，完善后的流程图就变成了下面这般：

啧啧，显示图片的流程一会儿变得清晰了，经过BufferedImage、ImageIO、Graphics三板斧的协助，在控件上显示图片再也不是难事了。依据流程图给出的思路，接着便能编写图像视图的自定义代码了，下面是支持显示图片文件的图像视图代码例子：

//定义一个显示图片用的图像视图
public class ImageView extends Component {
	private static final long serialVersionUID = 1L;
	private BufferedImage image; // 声明一个缓存图像

	// 设置图片路径
	public void setImagePath(String path) {
		try {
			image = ImageIO.read(new File(path)); // 把指定路径的图片文件读到缓存图像
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

	@Override
	public void paint(Graphics g) { // 绘制控件的方法
		if (image != null) {
			if (getWidth() > 0 && getHeight() > 0) { // 有指定宽高
				g.drawImage(image, 0, 0, getWidth(), getHeight(), null); // 按指定宽高绘制图像
			} else { // 未指定宽高
				g.drawImage(image, 0, 0, null); // 按原尺寸绘制图像
			}
		}
	}

	@Override
	public Dimension getPreferredSize() { // 获取控件的推荐宽高
		if (image != null) {
			if (getWidth() > 0 && getHeight() > 0) { // 有指定宽高
				return new Dimension(getWidth(), getHeight()); // 返回setSize方法指定的宽高
			} else { // 未指定宽高
				return new Dimension(image.getWidth(), image.getHeight()); // 返回图像的宽高
			}
		} else {
			return new Dimension(0, 0); // 无图像则隐藏控件
		}
	}
}

而后回到主界面的代码，先建立图像视图的控件对象，再设置该控件的宽高，以及待显示的图片文件路径，最后将图像控件添加到面板上，主要的调用代码以下所示：

		Panel panel = new Panel(); // 建立一个面板
		ImageView imageView = new ImageView(); // 建立一个自定义的图像视图
		imageView.setSize(320, 240); // 设置图像视图的宽高
		imageView.setImagePath("E:/apple.png");  // 在图像视图上显示指定路径的图片
		panel.add(imageView); // 在面板上添加图像视图
		frame.add(panel); // 在窗口上添加面板

 

运行以上的图像控件代码，弹出的窗口界面以下图所示，可见面板成功展现了指定的图片。

更多Java技术文章参见《Java开发笔记（序）章节目录》